/*
 * Melissa product design tokens.
 * Runtime applications package local byte-identical copies for offline operation.
 */
:root {
    color-scheme: light;
    --melissa-green-900: #18312d;
    --melissa-green-800: #1b574a;
    --melissa-green-700: #236b5b;
    --melissa-green-600: #2d7b69;
    --melissa-green-100: #dcefe9;
    --melissa-green-050: #edf5f2;
    --melissa-page-background: #f7f9f8;
    --melissa-surface: #ffffff;
    --melissa-surface-raised: #ffffff;
    --melissa-surface-soft: #f3f7f5;
    --melissa-border: #dce5e1;
    --melissa-border-subtle: #e8eeeb;
    --melissa-border-strong: #aebdb7;
    --melissa-text: #18312d;
    --melissa-text-muted: #60706c;
    --melissa-text-subtle: #73817d;
    --melissa-success: #17613f;
    --melissa-success-soft: #ddf4e8;
    --melissa-warning: #795900;
    --melissa-warning-soft: #fff1cc;
    --melissa-danger: #7a2929;
    --melissa-danger-soft: #f2dddd;
    --melissa-info: #246b86;
    --melissa-info-soft: #e1f1f6;
    --melissa-radius-control: .75rem;
    --melissa-radius-card: 1rem;
    --melissa-radius-pill: 999px;
    --melissa-card-shadow: 0 .5rem 2rem rgb(24 49 45 / 5%);
    --melissa-card-shadow-raised: 0 .75rem 2.5rem rgb(24 49 45 / 8%);
    --melissa-space-1: .25rem;
    --melissa-space-2: .5rem;
    --melissa-space-3: .75rem;
    --melissa-space-4: 1rem;
    --melissa-space-5: 1.5rem;
    --melissa-space-6: 2rem;
    --melissa-space-7: 3rem;
    --melissa-control-height: 2.75rem;
    --melissa-focus-ring: #55a994;
    --melissa-focus-shadow: 0 0 0 .2rem rgb(35 107 91 / 22%);
}

html[data-theme="dark"] {
    color-scheme: dark;
    --melissa-green-900: #e7f3ee;
    --melissa-green-800: #9bd0c1;
    --melissa-green-700: #75bdab;
    --melissa-green-600: #8bcbbb;
    --melissa-green-100: #24483e;
    --melissa-green-050: #1d352e;
    --melissa-page-background: #111a17;
    --melissa-surface: #19241f;
    --melissa-surface-raised: #1e2b25;
    --melissa-surface-soft: #24332c;
    --melissa-border: #3b4e46;
    --melissa-border-subtle: #304139;
    --melissa-border-strong: #687c73;
    --melissa-text: #eef6f2;
    --melissa-text-muted: #becdc6;
    --melissa-text-subtle: #9eafa7;
    --melissa-success: #79d29e;
    --melissa-success-soft: #193d2c;
    --melissa-warning: #f0c363;
    --melissa-warning-soft: #443719;
    --melissa-danger: #ff9b94;
    --melissa-danger-soft: #482624;
    --melissa-info: #7fc8df;
    --melissa-info-soft: #193944;
    --melissa-card-shadow: 0 .5rem 2rem rgb(0 0 0 / 18%);
    --melissa-card-shadow-raised: 0 .75rem 2.5rem rgb(0 0 0 / 24%);
    --melissa-focus-ring: #91d4c3;
    --melissa-focus-shadow: 0 0 0 .2rem rgb(117 189 171 / 30%);
}

@media (prefers-color-scheme: dark) {
    html[data-theme="system"] {
        color-scheme: dark;
        --melissa-green-900: #e7f3ee;
        --melissa-green-800: #9bd0c1;
        --melissa-green-700: #75bdab;
        --melissa-green-600: #8bcbbb;
        --melissa-green-100: #24483e;
        --melissa-green-050: #1d352e;
        --melissa-page-background: #111a17;
        --melissa-surface: #19241f;
        --melissa-surface-raised: #1e2b25;
        --melissa-surface-soft: #24332c;
        --melissa-border: #3b4e46;
        --melissa-border-subtle: #304139;
        --melissa-border-strong: #687c73;
        --melissa-text: #eef6f2;
        --melissa-text-muted: #becdc6;
        --melissa-text-subtle: #9eafa7;
        --melissa-success: #79d29e;
        --melissa-success-soft: #193d2c;
        --melissa-warning: #f0c363;
        --melissa-warning-soft: #443719;
        --melissa-danger: #ff9b94;
        --melissa-danger-soft: #482624;
        --melissa-info: #7fc8df;
        --melissa-info-soft: #193944;
        --melissa-card-shadow: 0 .5rem 2rem rgb(0 0 0 / 18%);
        --melissa-card-shadow-raised: 0 .75rem 2.5rem rgb(0 0 0 / 24%);
        --melissa-focus-ring: #91d4c3;
        --melissa-focus-shadow: 0 0 0 .2rem rgb(117 189 171 / 30%);
    }
}