/* ERKAL presentation tokens. Keep business values and print geometry out of this layer. */
:root {
    color-scheme: light;
    --erkal-bg: #f5f5f7;
    --erkal-surface: #ffffff;
    --erkal-surface-raised: #ffffff;
    --erkal-surface-muted: #eef1f5;
    --erkal-text: #1d1d1f;
    --erkal-muted: #5c6470;
    --erkal-border: #dde1e8;
    --erkal-control-border: #7e8899;
    --erkal-primary: #14233b;
    --erkal-primary-text: #ffffff;
    --erkal-brand: #c6283d;
    --erkal-on-brand: #ffffff;
    --erkal-success: #17633d;
    --erkal-success-bg: #eaf5ef;
    --erkal-warning: #7a4b08;
    --erkal-warning-bg: #fff4d9;
    --erkal-danger: #b42318;
    --erkal-danger-bg: #fff0ed;
    --erkal-info: #174e96;
    --erkal-info-bg: #edf3fc;
    --erkal-focus: #275bb5;
    --erkal-nav-bg: #14233b;
    --erkal-nav-text: #f5f5f7;
    --erkal-nav-muted: #c1cbdc;
    --erkal-overlay: rgb(10 20 37 / 48%);
    --erkal-shadow-sm: 0 2px 8px rgb(20 35 59 / 4%);
    --erkal-shadow-md: 0 8px 28px rgb(20 35 59 / 9%);
    --erkal-shadow-lg: 0 20px 64px rgb(20 35 59 / 18%);
    --erkal-radius-sm: 10px;
    --erkal-radius-md: 14px;
    --erkal-radius-lg: 20px;
    --erkal-space-1: 4px;
    --erkal-space-2: 8px;
    --erkal-space-3: 12px;
    --erkal-space-4: 16px;
    --erkal-space-5: 20px;
    --erkal-space-6: 24px;
    --erkal-space-8: 32px;
    --erkal-space-10: 40px;
    --erkal-space-12: 48px;
    --erkal-control-height: 44px;
    --erkal-motion-fast: 140ms;
    --erkal-motion-panel: 220ms;
    --erkal-ease: cubic-bezier(.2,.7,.2,1);
    --erkal-z-header: 42;
    --erkal-z-drawer: 60;
    --erkal-z-popover: 75;
    --erkal-z-modal: 100;
    --erkal-z-toast: 120;
}
html[data-theme="dark"] {
    color-scheme: dark;
    --erkal-bg: #0f1115;
    --erkal-surface: #181c23;
    --erkal-surface-raised: #222833;
    --erkal-surface-muted: #242b36;
    --erkal-text: #f5f5f7;
    --erkal-muted: #b3bccb;
    --erkal-border: #343d4a;
    --erkal-control-border: #77859a;
    --erkal-primary: #d8e5ff;
    --erkal-primary-text: #14233b;
    --erkal-brand: #f06a7c;
    --erkal-on-brand: #14233b;
    --erkal-success: #8cd9ae;
    --erkal-success-bg: #19372a;
    --erkal-warning: #f1cd81;
    --erkal-warning-bg: #3b301a;
    --erkal-danger: #ffb4a8;
    --erkal-danger-bg: #462421;
    --erkal-info: #aacdff;
    --erkal-info-bg: #203451;
    --erkal-focus: #a3c5ff;
    --erkal-nav-bg: #121720;
    --erkal-nav-text: #f5f5f7;
    --erkal-nav-muted: #b3bccb;
    --erkal-overlay: rgb(0 0 0 / 64%);
    --erkal-shadow-sm: 0 2px 8px rgb(0 0 0 / 15%);
    --erkal-shadow-md: 0 8px 28px rgb(0 0 0 / 25%);
    --erkal-shadow-lg: 0 20px 64px rgb(0 0 0 / 40%);
}
@media (prefers-reduced-motion: reduce) {
    :root { --erkal-motion-fast: 0ms; --erkal-motion-panel: 0ms; }
}
@media print {
    :root, html[data-theme="dark"] {
        color-scheme: light;
        --erkal-bg: #fff; --erkal-surface: #fff; --erkal-surface-raised: #fff;
        --erkal-surface-muted: #f3f4f6; --erkal-text: #111; --erkal-muted: #444;
        --erkal-border: #bbb; --erkal-control-border: #777;
        --erkal-primary: #14233b; --erkal-primary-text: #fff;
        --erkal-brand: #c6283d; --erkal-on-brand: #fff;
        --erkal-success: #17633d; --erkal-success-bg: #eaf5ef;
        --erkal-warning: #7a4b08; --erkal-warning-bg: #fff4d9;
        --erkal-danger: #b42318; --erkal-danger-bg: #fff0ed;
        --erkal-info: #174e96; --erkal-info-bg: #edf3fc;
    }
}