/*
 * MTG Site Color Palette — mtg.scottliu.com
 *
 * Game-theme exception (see DESIGN.md §10): this site keeps its own palette
 * distinct from the suite's --paper/--ink aesthetic. The suite CSS is still
 * loaded for components, but the accent and surface tokens are overridden here.
 *
 * Maps suite token names so shared components (btn, toggle-btn, text-input,
 * modal, etc.) render in the MTG green palette automatically.
 */

:root {
    /* ── MTG accent (maps to suite --accent / --accent-weak) ─────── */
    --accent:           #17630f;
    --accent-weak:      rgba(23, 99, 15, 0.12);

    /* ── Surface & page backgrounds (maps to suite --paper tokens) ── */
    --paper:            rgb(246, 244, 250);   /* page background */
    --paper-raised:     #ffffff;              /* card / panel surface */
    --paper-sunken:     #f0ece8;              /* insets, table headers */

    /* ── Text (maps to suite --ink tokens) ───────────────────────── */
    --ink:              #1a1a1a;
    --ink-soft:         #666;
    --hairline:         rgba(36, 101, 19, 0.35);

    /* ── Semantic state colors ───────────────────────────────────── */
    --success:          #2f7d4f;
    --warn:             #9c6b2b;
    --danger:           #9c2b2b;

    /* ── Site-specific extras ────────────────────────────────────── */
    --bg-main:          rgb(246, 244, 250);   /* alias used in app.css */
    --bg-contrast:      #263a25;              /* dark green header bar */
    --card-bg:          #ffffff;
    --text-dark:        #1a1a1a;
    --text-light:       #666;
    --text-muted:       #999;
    --text-primary:     #17630f;              /* alias for accent */
    --search-text:      rgb(253, 253, 253);   /* text on dark header */
    --border-color:     rgba(36, 101, 19, 0.35);
    --hover-bg:         rgba(23, 99, 15, 0.10);
    --shadow-sm:        0 1px 3px rgba(0, 0, 0, 0.2);
    --shadow-md:        0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-lg:        0 4px 16px rgba(0, 0, 0, 0.4);

    /* ── Suite layout token (wide content column) ────────────────── */
    --page-max:         1400px;
}