/* Hospital ETL — Surface tokens (đồng bộ gam màu trang login BV / teal #2eb398) */

:root {
    --etl-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --etl-radius-sm: 8px;
    --etl-radius-md: 12px;
    --etl-radius-lg: 16px;
    --etl-radius-xl: 20px;

    /* Brand — cùng gam với login */
    --etl-accent: #2eb398;
    --etl-accent-hover: #24967f;
    --etl-accent-mid: #3dcfaf;
    --etl-accent-deep: #1d7a68;
    --etl-accent-muted: rgba(46, 179, 152, 0.16);
    --etl-accent-text: #1d7a68;
    --etl-accent-shadow: rgba(46, 179, 152, 0.35);
    --etl-accent-shadow-soft: rgba(46, 179, 152, 0.22);
    --etl-accent-border: rgba(46, 179, 152, 0.28);

    --etl-sidebar-bg: #1a202c;
    --etl-sidebar-surface: #222836;
    --etl-sidebar-border: rgba(255, 255, 255, 0.06);
    --etl-sidebar-text: rgba(248, 250, 252, 0.92);
    --etl-sidebar-dim: rgba(148, 163, 184, 0.88);
    --etl-sidebar-hover: rgba(255, 255, 255, 0.06);
    --etl-sidebar-active: linear-gradient(135deg, #3dcfaf 0%, #2eb398 52%, #24967f 100%);
    --etl-sidebar-glow: rgba(46, 179, 152, 0.28);

    --etl-header-bg: rgba(255, 255, 255, 0.88);
    --etl-header-border: rgba(15, 23, 42, 0.08);
    --etl-canvas: #f0f4f8;
    --etl-card: #ffffff;
    --etl-card-border: rgba(15, 23, 42, 0.06);
    --etl-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
    --etl-shadow-md: 0 4px 24px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
    --etl-shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.08);
    --etl-text: #0f172a;
    --etl-text-secondary: #475569;
    --etl-text-muted: #64748b;

    /* Ô nhập kiểu login (dashboard / form trong main) */
    --etl-input-soft: #eef2ff;
}

html[data-theme="dark"] {
    --etl-accent-muted: rgba(72, 168, 140, 0.2);
    --etl-accent-text: #6ee7c5;
    --etl-accent-shadow: rgba(46, 179, 152, 0.28);
    --etl-accent-shadow-soft: rgba(46, 179, 152, 0.14);
    --etl-accent-border: rgba(72, 168, 140, 0.38);

    /* Mockup: nền chính #11141d, thẻ/sidebar sáng hơn một bậc #1c212c */
    --etl-sidebar-bg: #161a22;
    --etl-sidebar-surface: #1c212c;
    --etl-sidebar-border: rgba(255, 255, 255, 0.06);
    --etl-sidebar-glow: rgba(72, 168, 140, 0.22);

    --etl-header-bg: #1c212c;
    --etl-header-border: rgba(255, 255, 255, 0.07);
    --etl-canvas: #11141d;
    --etl-card: #1c212c;
    --etl-card-border: rgba(255, 255, 255, 0.08);
    --etl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --etl-shadow-md: 0 8px 32px rgba(0, 0, 0, 0.45), 0 1px 0 rgba(255, 255, 255, 0.04);
    --etl-shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.5);
    --etl-text: rgba(248, 250, 252, 0.96);
    --etl-text-secondary: rgba(203, 213, 225, 0.92);
    --etl-text-muted: rgba(148, 163, 184, 0.9);

    --etl-input-soft: rgba(30, 41, 59, 0.55);
}

html,
body {
    font-family: var(--etl-font);
}

#etl-theme-fab {
    display: none !important;
}