/* Hallmark · genre: modern-minimal (warm-pastel) · macrostructure: Narrative Workflow
 * theme: custom (vibe: "warm pastel beige, soft corn gold, warm amber, clean white")
 * paper: #FAF7F2 · surface: #FFFFFF · gold: #C88D38 · amber: #BD6947 · ink: #241E1A
 * display: Be Vietnam Pro · body: Inter
 */

:root {
  /* ─── Background & Paper Tones ─── */
  --color-paper:        #FAF7F2;    /* Warm cream off-white */
  --color-paper-2:      #F4EFEA;    /* Soft oat / pastel beige */
  --color-paper-3:      #ECE4DC;    /* Muted sand beige */
  --color-paper-warm:   #FFFDF9;    /* Ultra-light ivory */
  --color-surface:      #FFFFFF;    /* Crisp card white */
  --color-surface-glass: rgba(255, 255, 255, 0.88);

  /* ─── Ink & Text Tones ─── */
  --color-ink:          #241E1A;    /* Deep warm espresso charcoal */
  --color-ink-2:        #4A4039;    /* Warm dark charcoal */
  --color-ink-3:        #756A61;    /* Muted warm gray */
  --color-ink-4:        #A89F96;    /* Light warm gray / placeholder */

  /* ─── Primary Accent: Corn Husk Gold & Warm Amber ─── */
  --color-gold:         #C88D38;    /* Rich corn gold */
  --color-gold-hover:   #B57B28;    /* Darker gold on hover */
  --color-gold-light:   #FAF2E6;    /* Soft pastel gold tint */
  --color-gold-border:  #E8D4B8;    /* Soft gold border */
  --color-gold-glow:    rgba(200, 141, 56, 0.18);

  /* ─── Secondary Warm Accent (Replaces disparate greens) ─── */
  --color-amber:        #BD6947;    /* Warm terracotta / amber tone */
  --color-amber-light:  #FDF3ED;    /* Soft warm terracotta tint */
  --color-amber-border: #F2D5C7;

  --color-sand:         #6E6157;    /* Elegant sand brown */
  --color-sand-light:   #F5F0E9;
  --color-sand-border:  #DFD7CE;

  /* ─── Borders & Dividers ─── */
  --color-border:       #EAE2D8;    /* Hairline warm border */
  --color-border-2:     #DCD2C4;    /* Slightly more defined border */
  --color-focus:        #C88D38;    /* Focus ring */

  /* ─── Status ─── */
  --color-success:      #C88D38;    /* Warm gold success */
  --color-error:        #C24D3D;

  /* ─── Typography ─── */
  --font-display: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --text-display:    clamp(3rem, 5vw + 1rem, 5.5rem);
  --text-display-s:  clamp(2.25rem, 3.5vw + 0.5rem, 3.75rem);
  --text-4xl:        clamp(1.85rem, 2.5vw + 0.5rem, 2.85rem);
  --text-3xl:        clamp(1.5rem, 2vw + 0.25rem, 2.25rem);
  --text-2xl:        clamp(1.25rem, 1.4vw + 0.2rem, 1.65rem);
  --text-xl:         1.2rem;
  --text-lg:         1.1rem;
  --text-base:       1rem;
  --text-sm:         0.875rem;
  --text-xs:         0.75rem;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  /* ─── Spacing (4pt Scale) ─── */
  --space-2xs: 0.25rem;   /* 4px */
  --space-xs:  0.5rem;    /* 8px */
  --space-sm:  0.75rem;   /* 12px */
  --space-md:  1rem;      /* 16px */
  --space-lg:  1.5rem;    /* 24px */
  --space-xl:  2rem;      /* 32px */
  --space-2xl: 3rem;      /* 48px */
  --space-3xl: 4.5rem;    /* 72px */
  --space-4xl: 6rem;      /* 96px */
  --space-5xl: 8.5rem;    /* 136px */

  /* ─── Layout ─── */
  --container-max:  76rem;    /* 1216px */
  --container-wide: 88rem;    /* 1408px */
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --radius-xs:  4px;
  --radius-sm:  8px;
  --radius-md:  14px;
  --radius-lg:  22px;
  --radius-xl:  32px;
  --radius-pill: 9999px;

  /* ─── Shadows ─── */
  --shadow-subtle:  0 2px 10px rgba(36, 30, 26, 0.04);
  --shadow-card:    0 8px 30px rgba(36, 30, 26, 0.06);
  --shadow-hover:   0 16px 40px rgba(200, 141, 56, 0.12);
  --shadow-glow:    0 0 40px rgba(200, 141, 56, 0.15);

  /* ─── Motion ─── */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:    150ms;
  --dur-base:    250ms;
  --dur-slow:    400ms;
  --dur-reveal:  600ms;

  /* ─── Rules ─── */
  --rule-hair: 1px solid var(--color-border);
  --rule-mid:  1px solid var(--color-border-2);
}