/*
 * Design tokens transcribed from DESIGN.md.
 *
 * FC Minimal is a Thai foundry face and is not hosted on Google Fonts — the link in
 * DESIGN.html returns HTTP 400. The stack below uses it when a viewer has it installed
 * and falls back to Noto Sans Thai, which shares the vowel/tone-mark stacking that the
 * 1.75 body line height exists to accommodate.
 */
:root {
    --color-primary: #00805E;
    --color-primary-dark: #09532D;
    --color-on-primary: #FFFFFF;
    --color-secondary: #1B3564;
    --color-surface: #FFFFFF;
    --color-on-surface: #212529;
    --color-neutral: #F5F5F5;
    --color-neutral-tint: #F3F7F5;
    --color-dark: #1C1C1C;

    /* Derived, not brand: hairlines and the one destructive action. */
    --color-line: #E3E4EA;
    --color-danger: #B3261E;
    --color-muted: #5C6070;

    --font-sans: "FC Minimal", "Noto Sans Thai", "IBM Plex Sans Thai", system-ui, -apple-system, sans-serif;

    --text-display: 53px;
    --text-headline-lg: 31px;
    --text-headline-md: 27px;
    --text-body-lg: 19px;
    --text-body-md: 16px;
    --text-label-md: 14px;

    /* Thai script needs the room; tightening this breaks legibility (DESIGN.md). */
    --leading-body: 1.75;
    --leading-tight: 1.2;
    --leading-lead: 1.4;

    --radius-xs: 2px;
    --radius-sm: 4px;
    --radius-md: 5px;
    --radius-full: 9999px;

    --space-xs: 5px;
    --space-sm: 10px;
    --space-md: 15px;
    --space-lg: 20px;
    --space-xl: 32px;
    --space-2xl: 80px;
}