/* ============================================================
   tokens.css — D1 "Quiet Authority" design tokens
   The Law Office of Natalia Malyshkina

   Single source of truth for palette, type, spacing, radii, and
   shadows. theme.css consumes ONLY these custom properties so the
   look can be retuned here without touching component rules.
   Values are lifted from the approved D1 mock
   (website/design/directions/d1-quiet-authority/styles.css):
   warm ivory + ink-charcoal + a single brass/gold accent.
   (The decorative gold-leaf wiggly motif was removed per client
   request; brass remains an accent on buttons, eyebrows, keylines.)
   ============================================================ */
:root {
  /* ---- palette (roles) ---- */
  --ivory:      #FBF8F2;  /* page background; light text on dark panels */
  --ivory-2:    #F4EFE4;  /* recessed cards / wells */
  --ink:        #1E1B17;  /* primary text; deep final-CTA panel */
  --espresso:   #2E2A24;  /* deep section panels (next-steps, footer, accent card) */
  --stone:      #6B6358;  /* muted body text on ivory (5.58:1) */
  --stone-lt:   #C4BBAC;  /* muted text on dark panels (6.5:1 on espresso) */
  --brass:      #B0892F;  /* accent: button fill, keylines, large display, non-text only */
  --brass-deep: #8A6A22;  /* brass as small text/links at body size (4.76:1 on ivory, AA) */
  --brass-soft: #D9C9A0;  /* brass on dark / hairlines / focus ring on dark */
  --red:        #C2402E;  /* sparing: tap-to-call only (ivory-on-red 4.87:1) */
  --line:       #E2DACB;  /* hairline on ivory */

  /* ---- type ---- */
  --serif: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* type scale (fluid, modular ~1.25) */
  --fs-eyebrow: 0.78rem;
  --fs-body:    1.0625rem;
  --fs-lead:    clamp(1.12rem, 0.9rem + 0.9vw, 1.3rem);
  --fs-h3:      1.22rem;
  --fs-h2:      clamp(1.7rem, 1.2rem + 2.2vw, 2.7rem);
  --fs-h1:      clamp(2.35rem, 1.5rem + 4.3vw, 4.2rem);

  /* ---- spacing scale (8-point-ish ramp) ---- */
  --sp-1: 0.5rem;
  --sp-2: 0.875rem;
  --sp-3: 1.25rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4.5rem;
  --sp-7: 6.5rem;

  /* ---- structure ---- */
  --maxw: 1180px;
  --radius: 4px;     /* restrained, near-square editorial corners */
  --radius-lg: 8px;
}
