/* ==========================================================================
   DESIGN TOKENS
   Palette derived from the shop itself: the red awning at 1322 3rd Ave,
   gilt leaf mouldings, cream matboard, and deep gallery charcoal.
   ========================================================================== */
:root{
  /* Ink / dark surfaces */
  --ink:          #0E0E10;
  --ink-soft:     #17171B;
  --ink-raised:   #1E1E24;
  --charcoal:     #2A2A30;

  /* Gilt — primary accent (frame leaf) */
  --gilt:         #C9A227;
  --gilt-light:   #E8CE72;
  --gilt-deep:    #8A6D14;

  /* Crimson — secondary accent, taken from the storefront awning */
  --crimson:      #B3242B;
  --crimson-lit:  #D93A42;
  --crimson-deep: #7C1418;
  --error:        #F27C82;   /* 7.3:1 on --ink — form errors on dark surfaces */

  /* Light surfaces */
  --museum:       #F6F2EA;
  --museum-warm:  #EDE6D8;
  --linen:        #FFFDF8;
  --walnut:       #4A3220;

  /* Text */
  --text-hi:      #F6F2EA;
  --text-lo:      #A8A49C;
  --text-dark-hi: #14140F;
  --text-dark-lo: #514C43;   /* 7.4:1 on --museum — AA/AAA safe */

  /* Glass */
  --glass:        rgba(246,242,234,.06);
  --glass-strong: rgba(14,14,16,.72);
  --glass-border: rgba(201,162,39,.22);
  --glass-light:  rgba(255,253,248,.82);
  --border-light: rgba(20,20,15,.14);

  /* Multi-layer shadows — never a single flat shadow */
  --shadow-lift:
    0 1px 2px rgba(0,0,0,.28),
    0 4px 10px rgba(0,0,0,.22),
    0 14px 28px rgba(0,0,0,.20),
    0 32px 64px rgba(0,0,0,.16);
  --shadow-lift-sm:
    0 1px 2px rgba(0,0,0,.24),
    0 3px 8px rgba(0,0,0,.18),
    0 8px 20px rgba(0,0,0,.14);
  --shadow-gilt:
    0 0 0 1px rgba(201,162,39,.28),
    0 12px 40px rgba(201,162,39,.14);
  --shadow-light:
    0 1px 2px rgba(20,20,15,.06),
    0 4px 10px rgba(20,20,15,.05),
    0 14px 30px rgba(20,20,15,.06);

  /* Type */
  --font-display: "Playfair Display", "Iowan Old Style", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Fluid scale */
  --fs-hero:  clamp(2.75rem, 8vw, 7rem);
  --fs-h1:    clamp(2.25rem, 5.5vw, 4.25rem);
  --fs-h2:    clamp(1.875rem, 4vw, 3.125rem);
  --fs-h3:    clamp(1.375rem, 2.4vw, 1.875rem);
  --fs-body:  1.0625rem;
  --fs-sm:    .9375rem;
  --fs-xs:    .8125rem;
  --fs-eyebrow: .6875rem;

  /* Rhythm */
  --sp-section: clamp(5rem, 11vw, 9.5rem);
  --sp-gutter:  clamp(1.25rem, 4vw, 3rem);
  --maxw:       1280px;
  --maxw-text:  68ch;
  --radius:     2px;   /* frames have crisp corners — near-zero radius throughout */
  --radius-md:  4px;

  /* Motion */
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --ease-frame: cubic-bezier(.16,1,.3,1);
  --dur-fast: 180ms;
  --dur:      280ms;
  --dur-slow: 620ms;

  /* Z-index scale */
  --z-base: 1;
  --z-raised: 10;
  --z-sticky: 20;
  --z-nav: 30;
  --z-overlay: 50;
  --z-modal: 60;
}