/* ──────────────────────────────────────────────────────────────────────────
   Ars Valetu — UI Theme (MediCare soft teal)
   Light default + dark variant. Teal accent. Overrides BlazorBlueprint tokens.
   ────────────────────────────────────────────────────────────────────────── */

:root {
    color-scheme: light;

    --es-accent: #0D9488;
    --es-accent-strong: #14B8A6;
    --es-accent-soft: rgba(13, 148, 136, 0.14);
    --es-accent-softer: rgba(13, 148, 136, 0.08);
    --es-accent-foreground: #ffffff;
    --es-accent-cyan: #2DD4BF;

    --es-bg-0: #F5FBF9;
    --es-bg-1: #FFFFFF;
    --es-bg-2: #EEF8F5;
    --es-bg-3: #E4F3EF;
    --es-bg-4: #D5EBE5;

    --es-text-1: #0F1F1C;
    --es-text-2: #3D524D;
    --es-text-3: #6B7F79;
    --es-text-muted: #8A9B95;

    --es-border: rgba(15, 31, 28, 0.10);
    --es-border-strong: rgba(15, 31, 28, 0.18);
    --es-border-accent: rgba(13, 148, 136, 0.45);

    --es-success: #16A34A;
    --es-success-soft: rgba(22, 163, 74, 0.14);
    --es-warning: #D97706;
    --es-warning-soft: rgba(217, 119, 6, 0.14);
    --es-danger: #DC2626;
    --es-danger-soft: rgba(220, 38, 38, 0.12);
    --es-info: #0891B2;
    --es-info-soft: rgba(8, 145, 178, 0.14);

    --es-radius-sm: 8px;
    --es-radius-md: 12px;
    --es-radius-lg: 16px;
    --es-radius-xl: 20px;
    --es-radius-pill: 999px;

    --es-space-1: 4px;
    --es-space-2: 8px;
    --es-space-3: 12px;
    --es-space-4: 16px;
    --es-space-5: 20px;
    --es-space-6: 24px;
    --es-space-8: 32px;

    --es-control-h: 36px;
    --es-control-h-sm: 30px;
    --es-control-h-lg: 42px;
    --es-control-px: 12px;
    --es-control-radius: 10px;

    --es-row-h: 42px;
    --es-row-h-compact: 36px;

    --es-shadow-1: 0 1px 2px rgba(15, 31, 28, 0.06), 0 4px 16px rgba(15, 31, 28, 0.06);
    --es-shadow-2: 0 8px 28px rgba(15, 31, 28, 0.10);
    --es-shadow-glow: 0 0 0 1px var(--es-border-accent), 0 8px 28px rgba(13, 148, 136, 0.16);

    --background: oklch(0.985 0.01 175);
    --foreground: oklch(0.22 0.02 175);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.22 0.02 175);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.22 0.02 175);
    --primary: oklch(0.58 0.11 175);
    --primary-foreground: oklch(0.99 0.01 175);
    --secondary: oklch(0.95 0.015 175);
    --secondary-foreground: oklch(0.28 0.02 175);
    --muted: oklch(0.95 0.012 175);
    --muted-foreground: oklch(0.48 0.02 175);
    --accent: oklch(0.94 0.03 175);
    --accent-foreground: oklch(0.28 0.03 175);
    --destructive: oklch(0.58 0.2 25);
    --destructive-foreground: oklch(0.99 0 0);
    --border: oklch(0.90 0.01 175);
    --input: oklch(0.94 0.01 175);
    --ring: oklch(0.62 0.1 175);
    --radius: 12px;
}

:root.dark,
[data-theme="dark"] {
    color-scheme: dark;

    --es-accent: #0D9488;
    --es-accent-strong: #14B8A6;
    --es-accent-soft: rgba(13, 148, 136, 0.18);
    --es-accent-softer: rgba(13, 148, 136, 0.10);
    --es-accent-foreground: #ffffff;
    --es-accent-cyan: #2DD4BF;

    --es-bg-0: #071210;
    --es-bg-1: #0B1816;
    --es-bg-2: #10201D;
    --es-bg-3: #152925;
    --es-bg-4: #1C332E;

    --es-text-1: #E8F5F1;
    --es-text-2: #B7CBC4;
    --es-text-3: #849991;
    --es-text-muted: #6A7F77;

    --es-border: rgba(184, 210, 200, 0.14);
    --es-border-strong: rgba(184, 210, 200, 0.28);
    --es-border-accent: rgba(20, 184, 166, 0.45);

    --es-success: #22C55E;
    --es-success-soft: rgba(34, 197, 94, 0.16);
    --es-warning: #F59E0B;
    --es-warning-soft: rgba(245, 158, 11, 0.16);
    --es-danger: #EF4444;
    --es-danger-soft: rgba(239, 68, 68, 0.16);
    --es-info: #22D3EE;
    --es-info-soft: rgba(34, 211, 238, 0.16);

    --es-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.25);
    --es-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.45);
    --es-shadow-glow: 0 0 0 1px var(--es-border-accent), 0 8px 30px rgba(13, 148, 136, 0.18);

    --background: oklch(0.16 0.02 175);
    --foreground: oklch(0.95 0.012 175);
    --card: oklch(0.20 0.02 175);
    --card-foreground: oklch(0.95 0.012 175);
    --popover: oklch(0.18 0.022 175);
    --popover-foreground: oklch(0.95 0.012 175);
    --primary: oklch(0.68 0.11 175);
    --primary-foreground: oklch(0.16 0.02 175);
    --secondary: oklch(0.28 0.02 175);
    --secondary-foreground: oklch(0.95 0.012 175);
    --muted: oklch(0.26 0.02 175);
    --muted-foreground: oklch(0.74 0.018 175);
    --accent: oklch(0.32 0.04 175);
    --accent-foreground: oklch(0.95 0.012 175);
    --destructive: oklch(0.66 0.21 25);
    --destructive-foreground: oklch(0.99 0 0);
    --border: oklch(0.34 0.02 175);
    --input: oklch(0.28 0.02 175);
    --ring: oklch(0.66 0.1 175);
    --radius: 12px;
}

.dark {
    color-scheme: dark;
}