/* tokens.css - GTI NuSeis design tokens. THE single source of the
 * color scheme. Consumed by landing/styles.css and mirrored (with a
 * sync note) in app/localPortal.js. Data only: no selectors beyond
 * :root, no layout. */
:root {
    /* brand */
    --orange:        oklch(70% .19 47);
    --orange-strong: oklch(64% .20 45);
    --blue:          oklch(35% .18 259);
    --blue-strong:   oklch(29% .17 259);

    /* surfaces */
    --surface:   oklch(99% .004 90);
    --surface-2: oklch(96% .008 90);
    --surface-3: oklch(92% .010 90);

    /* text */
    --ink:   oklch(20% .015 70);
    --text:  oklch(34% .012 70);
    --muted: oklch(53% .010 70);

    /* lines */
    --line:        oklch(88% .010 80);
    --line-strong: oklch(78% .014 80);

    /* shape */
    --radius-sm: .65rem;
    --radius:    1rem;
    --radius-lg: 1.5rem;
    --content-width: 72rem;

    /* elevation + focus */
    --shadow:
        0 1px 2px rgb(18 16 12 / .04),
        0 16px 40px rgb(18 16 12 / .08),
        0 40px 100px rgb(18 16 12 / .10);
    --focus:
        0 0 0 .2rem color-mix(in oklch, var(--orange) 22%, transparent);
}