/* GENERATED from brand/tokens.yaml — do not edit. Run brand/generate/generate.py */

/* Light is the default: the dark green ground is a tinkerer's aesthetic, and
   the audience sits in bright rooms. Dark green is reserved for boot, login,
   splash and this website's hero. */

:root {
    --smaragd-window-background: #F5F3EE;
    --smaragd-view-background: #FFFFFF;
    --smaragd-view-background-alt: #FAF8F4;
    --smaragd-header-background: #EDEAE3;
    --smaragd-border: #E1DDD4;
    --smaragd-foreground: #1C2B26;
    --smaragd-foreground-inactive: #67726D;
    --smaragd-selection-background: #17C3C0;
    --smaragd-selection-border: #0B6E6C;
    --smaragd-selection-foreground: #04342C;
    --smaragd-accent: #0B6E6C;
    --smaragd-neutral: #B2540E;
    --smaragd-positive: #0A6B49;
    --smaragd-negative: #A82A24;

    --smaragd-space-xs: 4px;
    --smaragd-space-sm: 8px;
    --smaragd-space-md: 12px;
    --smaragd-space-lg: 16px;
    --smaragd-space-xl: 24px;
    --smaragd-space-xxl: 32px;
    --smaragd-radius-small: 4px;
    --smaragd-radius-medium: 8px;
    --smaragd-radius-large: 12px;
    --smaragd-motion-fast: 120ms;
    --smaragd-motion-normal: 200ms;
    --smaragd-motion-slow: 320ms;
    --smaragd-easing: cubic-bezier(0.2, 0, 0.2, 1);
    --smaragd-font: "Noto Sans", system-ui, sans-serif;
    --smaragd-mono: "JetBrains Mono", ui-monospace, monospace;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --smaragd-window-background: #12251F;
        --smaragd-view-background: #0B1A16;
        --smaragd-view-background-alt: #10231D;
        --smaragd-header-background: #0D1E19;
        --smaragd-border: #1E362E;
        --smaragd-foreground: #E8EDE9;
        --smaragd-foreground-inactive: #7E948B;
        --smaragd-selection-background: #17C3C0;
        --smaragd-selection-border: #17C3C0;
        --smaragd-selection-foreground: #04342C;
        --smaragd-accent: #46D6D2;
        --smaragd-neutral: #F5904A;
        --smaragd-positive: #35C98D;
        --smaragd-negative: #F0635E;
    }
}

:root[data-theme="dark"] {
        --smaragd-window-background: #12251F;
        --smaragd-view-background: #0B1A16;
        --smaragd-view-background-alt: #10231D;
        --smaragd-header-background: #0D1E19;
        --smaragd-border: #1E362E;
        --smaragd-foreground: #E8EDE9;
        --smaragd-foreground-inactive: #7E948B;
        --smaragd-selection-background: #17C3C0;
        --smaragd-selection-border: #17C3C0;
        --smaragd-selection-foreground: #04342C;
        --smaragd-accent: #46D6D2;
        --smaragd-neutral: #F5904A;
        --smaragd-positive: #35C98D;
        --smaragd-negative: #F0635E;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --smaragd-motion-fast: 0ms;
        --smaragd-motion-normal: 100ms;
        --smaragd-motion-slow: 120ms;
    }
}