/* ============================================================================
   ChopYa waitlist — design tokens (WL-LOCAL COPIES)
   Hand-written from design/DESIGN_SPEC.md §2 (Market Cloth palette, Heirloom
   type pairing, 4px spacing scale, warm radii + umber shadows).
   NOT generated by the @app/ui-tokens pipeline — that generator is armed in
   subsystem A.1. This site is torn down when the real chopya.com ships, so
   these are deliberate throwaway copies. If a value here disagrees with
   DESIGN_SPEC.md §2, the spec wins.
   Light-only (public-landing register, spec §6.1). No dark overrides ship.
   ========================================================================== */

/* ---- Self-hosted fonts (SIL OFL; latin + latin-ext subsets) ---- */
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-600-latin.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  src: url('../fonts/Fraunces-600-latin-ext.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-VF-latin.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  src: url('../fonts/Karla-VF-latin-ext.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* ---- Brand (spec §2.1) ---- */
  --color-brand-primary:          #B4441C;
  --color-brand-primary-hover:    #9A3A17;
  --color-brand-primary-pressed:  #82300F;
  --color-brand-primary-tint:     #F6E0D5;
  --color-accent-gold:            #E8A320;  /* never text on light bg */
  --color-accent-gold-tint:       #FFE9B8;
  --color-accent-green:           #3E5622;
  --color-accent-green-tint:      #E7EEDD;

  /* ---- Neutral scale (umber) ---- */
  --color-bg-base:      #FBF4EA;
  --color-bg-surface:   #FFFFFF;
  --color-bg-sunken:    #EFE4D3;
  --color-bg-inverse:   #2B1B12;
  --color-bg-overlay:   rgba(43, 27, 18, 0.55);

  --color-text-primary:   #2B1B12;
  --color-text-secondary: #55463A;
  --color-text-muted:     #7A6A58;  /* on bg-base + bg-surface ONLY */
  --color-text-inverse:   #FBF4EA;
  --color-text-on-brand:  #FFFFFF;

  --color-border-subtle:  #EFE4D3;
  --color-border-default: #C9B9A4;
  --color-border-strong:  #7A6A58;

  /* ---- Semantic ---- */
  --color-success:       #1E7A44;
  --color-warning:       #7A4D00;
  --color-warning-fill:  #FFE9B8;
  --color-error:         #B3261E;
  --color-info:          #3E5622;

  /* ---- Focus ---- */
  --color-focus-ring:    #9A3A17;

  /* ---- Typography (spec §2.2) ---- */
  --font-display: 'Fraunces', 'Noto Serif', Georgia, serif;
  --font-body: 'Karla', 'Noto Sans', system-ui, -apple-system, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;

  --leading-tight: 1.1;
  --leading-snug: 1.3;
  --leading-normal: 1.55;
  --leading-relaxed: 1.7;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --weight-display: 600;

  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.06em;

  /* ---- Spacing (spec §2.3) ---- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  --space-page-x: var(--space-4);
  --space-page-x-md: var(--space-8);
  --space-section-y: var(--space-16);
  --space-card-inner: var(--space-6);
  --space-form-row: var(--space-5);

  /* ---- Radius + shadow (spec §2.4) ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px rgba(43, 27, 18, 0.06);
  --shadow-md: 0 4px 12px rgba(43, 27, 18, 0.08);
  --shadow-lg: 0 12px 32px rgba(43, 27, 18, 0.14);
  --shadow-focus: 0 0 0 2px var(--color-bg-base), 0 0 0 4px var(--color-focus-ring);

  /* ---- Motion (spec §2.5) ---- */
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-slow: 320ms;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-normal: 0ms;
    --duration-slow: 0ms;
  }
}