/* EgyPrint design tokens — shared across admin, portal, and print */

:root {
    /* Text/button shades pass 4.5:1 on white; the brighter orange stays as --ep-accent. */
    --ep-color-primary: #c2410c;
    --ep-color-primary-hover: #9a3412;
    --ep-color-primary-dark: #9a3412;
    --ep-color-danger: #b91c1c;
    --ep-color-success: #15803d;
    --ep-color-warning: #b45309;
    --ep-color-info: #1d4ed8;
    --ep-color-muted: #6b7280;
    --ep-color-surface: #ffffff;
    --ep-color-canvas: #f6f5f2;
    --ep-color-border: #e7e5e0;
    --ep-font-family: "Cairo", system-ui, sans-serif;
    --ep-font-size-body: 0.9375rem;
    --ep-font-size-label: 0.8125rem;
    --ep-radius-md: 12px;
    --ep-radius-lg: 16px;
    --ep-shadow-section: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --ep-space-sm: 0.5rem;
    --ep-space-md: 1rem;
    --ep-space-lg: 1.5rem;

    --ep-accent: #ea580c;
    --ep-accent-rgb: 234 88 12;
    --ep-accent-soft-rgb: 255 237 213;
    --ep-accent-muted-rgb: 251 146 60;
    --ep-accent-dark-rgb: 251 146 60;
    /* Chrome is neutral gray in every theme; only the accent changes. */
    --ep-sidebar-bg-rgb: 255 255 255;
    --ep-sidebar-header-bg-rgb: 255 255 255;
    --ep-sidebar-border-rgb: 231 229 224;
    --ep-sidebar-hover-rgb: 245 244 241;
    --ep-sidebar-item-text-rgb: 42 46 55;
    --ep-sidebar-group-label-rgb: 107 114 128;
    --ep-sidebar-icon-btn-rgb: 91 97 110;
    --ep-sidebar-icon-btn-hover-rgb: 22 24 29;
    --ep-sidebar-bg-dark-rgb: 19 22 28;
    --ep-sidebar-header-bg-dark-rgb: 19 22 28;
    --ep-sidebar-border-dark-rgb: 38 43 53;
    --ep-sidebar-hover-dark-rgb: 32 36 45;
    --ep-sidebar-active-bg-dark-rgb: 124 45 18;
    --ep-sidebar-item-text-dark-rgb: 222 225 230;
    --ep-sidebar-group-label-dark-rgb: 140 147 160;
    --ep-sidebar-icon-btn-dark-rgb: 162 169 181;
    --ep-sidebar-icon-btn-hover-dark-rgb: 236 237 239;
    --ep-canvas-bg-rgb: 246 245 242;
    --ep-canvas-bg-dark-rgb: 15 17 21;
    --ep-surface-bg-rgb: 255 255 255;
    --ep-surface-bg-dark-rgb: 23 26 33;
    --ep-surface-border-rgb: 231 229 224;
    --ep-surface-border-dark-rgb: 42 47 58;
    --ep-topbar-bg-rgb: 255 255 255;
    --ep-topbar-bg-dark-rgb: 19 22 28;
    --ep-topbar-border-rgb: 231 229 224;
    --ep-topbar-border-dark-rgb: 38 43 53;
    --ep-muted-text-rgb: 91 97 110;
    --ep-muted-text-dark-rgb: 162 169 181;
    --ep-hover-bg-rgb: 250 249 247;
    --ep-hover-bg-dark-rgb: 32 36 45;
    --ep-section-heading-rgb: 22 24 29;
    --ep-section-heading-dark-rgb: 236 237 239;
    --ep-divider-rgb: 240 238 234;
    --ep-divider-dark-rgb: 34 39 49;
    --ep-ink-rgb: 22 24 29;
    --ep-ink-dark-rgb: 236 237 239;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-ep-force-light]) {
        --ep-color-surface: #171a21;
        --ep-color-canvas: #0f1115;
        --ep-color-border: #2a2f3a;
        --ep-color-muted: #a2a9b5;
        --ep-muted-text-rgb: 162 169 181;
    }
}

.dark {
    --ep-color-surface: #171a21;
    --ep-color-canvas: #0f1115;
    --ep-color-border: #2a2f3a;
    --ep-color-muted: #a2a9b5;
    /* Rules that read the light muted token directly (no -dark pair) follow the theme. */
    --ep-muted-text-rgb: 162 169 181;
}