/* --------------------------------------------------------------------------- Lauther design tokens — the single source of truth. Reconciled from the :root blocks that were previously duplicated across index / pricing / docs / usecases / privacy / terms / signin. All six declared identical colour values under two different naming schemes; both names are kept so the /d/ demo lineage keeps working. --------------------------------------------------------------------------- */ :root { /* palette */ --amp: #D9EF00; /* the accent. "amp" as in amplitude, not ampersand */ --lantern: #FBFFE0; /* amp, lightened — hover states and inline code */ --graphite: #0E1013; /* page background */ --surface: #171A16; /* raised panels, cards, code blocks */ --surface-alt: #1F2320; /* raised on raised — inline code, callouts */ --hairline: #2A2F26; /* every 1px line on the site */ --ink: #F2F4EE; /* headings and emphasis */ --body: #B6BCAB; /* body copy */ --muted: #7B8272; /* captions, eyebrows, de-emphasis */ /* aliases — the usecases/demo pages named the same values differently */ --canvas: var(--graphite); --alt: var(--surface-alt); --hair: var(--hairline); /* per-page overrides, set on by the layout's `width` prop */ --wrap: 1080px; /* content column: 1080 marketing, 880 docs, 820 legal */ --lh: 1.55; /* body line-height: 1.55 marketing, 1.6 docs, 1.65 legal */ color-scheme: dark; }