/* Dixie Law Group — Design Tokens
   Generated from design-dna.yml (hash 5127b530b45e)
   Editorial-serif-dramatic typography, monochrome-plus-one color,
   airy spacing, classic-solid-square buttons, editorial-understated components. */

:root {
  /* ── Typography ────────────────────────────── */
  --font-display: "Playfair Display", "Times New Roman", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-eyebrow: 0.78rem;
  --fs-body: 1.0625rem;        /* 17px */
  --fs-body-lg: 1.1875rem;     /* 19px */
  --fs-h6: 0.95rem;
  --fs-h5: 1.15rem;
  --fs-h4: 1.5rem;
  --fs-h3: 2rem;
  --fs-h2: 2.75rem;
  --fs-h1: 4.5rem;
  --fs-display: 7.5rem;        /* oversized-heading mutation, magazine-cover scale */

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-body: 1.6;
  --lh-prose: 1.7;

  --ls-display: -0.02em;
  --ls-body: 0;
  --ls-eyebrow: 0.16em;

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

  /* ── Color (monochrome-plus-one, brand-locked) ── */
  --c-navy: #0C224B;            /* primary text + headings */
  --c-navy-deep: #08183A;       /* darker variant */
  --c-navy-muted: #2B3D63;
  --c-ink: #14181F;             /* near-black, used sparingly */
  --c-text: #2A2E33;            /* body text on cream */
  --c-text-muted: #5F6471;
  --c-rule: #E6E0D5;            /* subtle rule lines */
  --c-rule-strong: #C9C0AE;

  --c-red: #BC051B;             /* brand red accent (locked) */
  --c-red-deep: #8B0314;
  --c-red-soft: rgba(188, 5, 27, 0.08);

  --c-cream: #FAF8F4;           /* primary surface, warm white */
  --c-paper: #F2EEE6;           /* secondary surface, slightly warmer */
  --c-paper-deep: #E8E1D2;      /* tertiary surface */
  --c-white: #FFFFFF;
  --c-black: #000000;

  /* ── Spacing (airy) ────────────────────────── */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4rem;
  --sp-9: 6rem;
  --sp-10: 8rem;
  --sp-11: 10rem;

  --section-pad-y: clamp(4rem, 8vw, 8rem);
  --section-pad-x: clamp(1.25rem, 4vw, 3rem);
  --content-max: 1240px;
  --prose-max: 68ch;
  --gutter: clamp(1.5rem, 3vw, 3rem);

  /* ── Components (editorial-understated) ────── */
  --radius: 0;                  /* classic-solid-square buttons + crisp keylines */
  --radius-tiny: 2px;
  --border-hairline: 1px solid var(--c-rule);
  --border-strong: 1px solid var(--c-navy);

  /* ── Buttons (classic-solid-square) ────────── */
  --btn-padding-y: 0.95rem;
  --btn-padding-x: 1.75rem;
  --btn-font-size: 0.875rem;
  --btn-letter-spacing: 0.14em;
  --btn-radius: 0;

  /* ── Animation (subtle-elegant) ────────────── */
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --t-fast: 160ms;
  --t-med: 320ms;
  --t-slow: 600ms;

  /* ── Z-index ───────────────────────────────── */
  --z-header: 50;
  --z-overlay: 80;
  --z-modal: 100;
}