/* =========================================================
   THEME.CSS — Shared color palette & design tokens
   ========================================================= */

:root {
    /* ── Backgrounds ── */
    --bg-page:        #212529;
    --bg-card:        #262b30;
    --bg-input:       #2a2e32;
    --bg-input-focus: #2f3439;
    --bg-modal:       #262b30;
    --bg-deep:        #1b1e21;
    --bg-overlay:     rgba(15, 17, 19, .64);

    /* ── Text ── */
    --text-primary:   #e5e7eb;
    --text-bright:    #f9fafb;
    --text-muted:     rgba(255, 255, 255, .55);
    --text-dark:      #0f1113;

    /* ── Accent ── */
    --accent:         #e0d7c4;
    --accent-ring:    rgba(224, 215, 196, .35);
    --accent-hover:   rgba(234, 223, 204, .95);

    /* ── Borders ── */
    --border-subtle:  rgba(255, 255, 255, .08);
    --border-light:   rgba(255, 255, 255, .12);
    --border-medium:  rgba(255, 255, 255, .30);

    /* ── Buttons ── */
    --btn-bg:         #e8ecef;
    --btn-text:       #0f1113;
    --btn-hover:      #d6dbe0;
    --btn-active:     #c6ccd2;
    --btn-border:     rgba(255, 255, 255, .30);

    /* ── Shadows ── */
    --shadow-sm:      0 4px 12px rgba(0, 0, 0, .25);
    --shadow-md:      0 8px 20px rgba(0, 0, 0, .35);
    --shadow-lg:      0 14px 32px rgba(0, 0, 0, .45);
    --shadow-xl:      0 24px 60px rgba(0, 0, 0, .55);

    /* ── Transitions ── */
    --ease-fast:      .15s ease;
    --ease-std:       .18s ease;
    --ease-smooth:    .25s ease;

    /* ── Radius ── */
    --radius-sm:      8px;
    --radius-md:      13px;
    --radius-lg:      16px;
    --radius-xl:      20px;
    --radius-pill:    999px;

    /* ── Navigation ── */
    --nav-h:          72px;
    --nav-bg-rgb:     10, 10, 10;
    --nav-bg-alpha:   .90;
    --nav-blur:       8px;
}