/* Design tokens. Values are lifted from the approved Clients mockup. */
@layer tokens {
  :root {
    /* Ink on paper. One accent, used only for the active section and for
       anything that needs the lawyer's attention. */
    --paper: #ffffff;
    --ink: #1d1b18;
    --ink-2: #5d5851;
    --ink-3: #8f8981;
    --rule: #1d1b18;
    --rule-light: #dcdad6;
    --accent: #7a2e2a;

    /* Three pastel washes for outcomes. Text stays ink; the wash is the flair. */
    --wash-clear: #dcefdc;
    --wash-conflict: #f8d9d0;
    --wash-waived: #f7e6c0;

    /* Type. Garamond for everything; a serif fallback stack with close metrics. */
    --font-serif: "EB Garamond", Garamond, "Hoefler Text", "Times New Roman", serif;
    --font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;

    --text-xs: 13px;
    --text-sm: 14px;
    --text-base: 15px;
    --text-md: 17px;
    --text-lg: 24px;
    --text-xl: 36px;

    --leading: 1.35;
    --tracking-caps: 0.12em;
    --tracking-nav: 0.14em;
    --tracking-wordmark: 0.18em;

    /* Space. */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 40px;
    --space-8: 48px;

    --page-gutter: var(--space-8);
    --page-max: 1440px;
    --control-height: 34px;

    --rule-w: 1px;
    --rule-double: 3px double var(--rule);
  }
}