/* ============================================
   Anyra Proposal Engine v2 — Design Tokens
   Brand identity: Warm, refined, premium.
   "Restoration Hardware, not Silicon Valley."
   ============================================ */

:root {
    /* ── Surface / Backgrounds ── */
    --surface:                #fffcf7;
    --surface-container:      #f6f4ec;
    --surface-container-high: #f0eee5;
    --surface-dark:           #0e0e0c;
    --card-white:             #FEFDFB;

    /* ── Text ── */
    --on-surface:          #1a1816;
    --on-surface-variant:  #3a3632;
    --on-surface-muted:    #6e6355;
    --on-surface-disabled: rgba(26, 24, 22, 0.3);
    --on-primary:          #F0EEE6;

    /* ── Primary — Navy ── */
    --primary:           #1e2a4a;
    --primary-dim:       #162040;
    --primary-container: #dce2f0;
    --primary-muted:     rgba(30, 42, 74, 0.7);

    /* ── Secondary — Muted Taupe ── */
    --secondary:           #6e6355;
    --secondary-container: #efe0cf;

    /* ── Module Accents ── */
    --accent-navy:   #1e2a4a;
    --accent-steel:  #2d4a6b;
    --accent-teal:   #2d5a5a;
    --accent-plum:   #4a2d5a;
    --accent-indigo: #2d3a6b;
    --accent-silver: #8a919c;

    /* ── Borders — Navy-tinted ── */
    --border-subtle:  rgba(30, 42, 74, 0.05);
    --border-default: rgba(30, 42, 74, 0.08);
    --border-accent:  rgba(30, 42, 74, 0.12);
    --border-strong:  rgba(30, 42, 74, 0.2);

    /* ── Tier Colors ── */
    --tier-align:           #8a919c;
    --tier-align-light:     #a8b1bc;
    --tier-align-bg:        #f0f3f8;
    --tier-build:           #2d5a5a;
    --tier-build-light:     #3a7070;
    --tier-build-bg:        #f0f7f7;
    --tier-transform:       #4a2d5a;
    --tier-transform-light: #6a4d7a;
    --tier-transform-bg:    #f5f0f8;

    /* ── Typography ── */
    --font-display: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif:   'Libre Baskerville', Georgia, 'Times New Roman', serif;

    /* Type Scale */
    --text-xs:   0.75rem;    /* 12px */
    --text-sm:   0.875rem;   /* 14px */
    --text-base: 1rem;       /* 16px */
    --text-lg:   1.125rem;   /* 18px */
    --text-xl:   1.25rem;    /* 20px */
    --text-2xl:  1.5rem;     /* 24px */
    --text-3xl:  1.875rem;   /* 30px */
    --text-4xl:  2.25rem;    /* 36px */
    --text-5xl:  3rem;       /* 48px */
    --text-hero: 4rem;       /* 64px */

    /* Font Weights */
    --weight-light:    300;
    --weight-normal:   400;
    --weight-medium:   500;
    --weight-semibold: 600;

    /* Line Heights */
    --leading-tight:   1.2;
    --leading-snug:    1.4;
    --leading-normal:  1.6;
    --leading-relaxed: 1.8;

    /* ── Spacing ── */
    --space-1:  4px;
    --space-2:  8px;
    --space-3:  12px;
    --space-4:  16px;
    --space-5:  20px;
    --space-6:  24px;
    --space-8:  32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    /* ── Radius — 3px uniform ── */
    --radius:     3px;
    --radius-sm:  3px;
    --radius-md:  3px;
    --radius-lg:  3px;
    --radius-xl:  3px;
    --radius-2xl: 3px;

    /* ── Shadows — Navy-tinted, never pure black ── */
    --shadow-ghost:   0 2px 8px rgba(30, 42, 74, 0.05);
    --shadow-card:    0 2px 12px rgba(30, 42, 74, 0.06);
    --shadow-sm:      0 1px 2px rgba(30, 42, 74, 0.05);
    --shadow-md:      0 4px 12px rgba(30, 42, 74, 0.05);
    --shadow-lg:      0 8px 24px rgba(30, 42, 74, 0.08);
    --shadow-xl:      0 16px 48px rgba(30, 42, 74, 0.1);
    --shadow-warm:    0px 20px 40px rgba(56, 56, 49, 0.04);
    --shadow-warm-lg: 0px 20px 48px rgba(56, 56, 49, 0.08);

    /* ── Layout ── */
    --content-width: 960px;
    --content-wide:  1080px;
    --page-padding:  var(--space-12);

    /* ── Motion ── */
    --duration-fast:   150ms;
    --duration-normal: 250ms;
    --duration-slow:   400ms;
    --ease-standard:   cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-entrance:   cubic-bezier(0.34, 1.56, 0.64, 1);
}