/* ASSIDU.ai V2 Design System — Apple Liquid Glass + #edfffe Brand */
:root {
    /* ── Brand ── */
    --brand: #edfffe;
    --brand-deep: #3ecdc6;
    --brand-glow: rgba(62,205,198,0.25);

    /* ── Backgrounds — soft warm white with mint tint ── */
    --bg: #f4fffe;
    --bg-alt: #ffffff;
    --card: rgba(255,255,255,0.65);
    --card-hover: rgba(255,255,255,0.85);
    --card-alt: rgba(237,255,254,0.4);

    --text: #1a2b2a;
    --text-secondary: #3d5654;
    --text-muted: #7a9492;
    --text-inverse: #ffffff;

    /* ── Liquid Glass borders — luminous edge ── */
    --border: rgba(62,205,198,0.18);
    --border-light: rgba(62,205,198,0.10);

    /* ── Brand colors ── */
    --primary: #3ecdc6;
    --primary-hover: #2fb8b1;
    --primary-light: rgba(62,205,198,0.12);
    --accent: #00b4a0;
    --accent-light: rgba(0,180,160,0.10);

    /* ── Specialty colors ── */
    --ortho: #a855f7;
    --ortho-light: rgba(168,85,247,0.10);
    --perio: #3b82f6;
    --perio-light: rgba(59,130,246,0.10);
    --implant: #f59e0b;
    --implant-light: rgba(245,158,11,0.10);
    --endo: #ef4444;
    --endo-light: rgba(239,68,68,0.10);
    --resto: #10b981;
    --resto-light: rgba(16,185,129,0.10);
    --lab: #6b7280;
    --lab-light: rgba(107,114,128,0.10);

    /* ── Status ── */
    --success: #10b981;
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #3b82f6;

    /* ── Liquid Glass shadows — layered depth ── */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04), 0 1px 4px rgba(62,205,198,0.06);
    --shadow: 0 4px 16px rgba(0,0,0,0.06), 0 2px 8px rgba(62,205,198,0.08);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.08), 0 4px 16px rgba(62,205,198,0.10);
    --shadow-glow: 0 0 20px rgba(62,205,198,0.15), 0 4px 16px rgba(0,0,0,0.06);

    /* ── Spacing ── */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* ── Typography ── */
    --font: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'SF Mono', 'Cascadia Code', 'Fira Code', monospace;

    /* ── Border radius — pill-like, generous ── */
    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 20px;
    --radius-xl: 26px;
    --radius-full: 50%;

    /* ── Layout ── */
    --sidebar-width: 250px;
    --topbar-height: 0px;

    /* ── Transitions — smooth, Apple-like ── */
    --transition: all 0.2s cubic-bezier(0.25,0.46,0.45,0.94);
    --transition-slow: all 0.35s cubic-bezier(0.25,0.46,0.45,0.94);

    /* ── Liquid Glass tokens ── */
    --glass-bg: rgba(255,255,255,0.55);
    --glass-border: rgba(255,255,255,0.60);
    --glass-blur: blur(40px) saturate(180%);
    --glass-inner-glow: inset 0 1px 0 rgba(255,255,255,0.6);
    --surface: rgba(255,255,255,0.70);
    --surface-elevated: rgba(255,255,255,0.85);
    --overlay-bg: rgba(0,0,0,0.35);
    --bg-subtle: rgba(62,205,198,0.04);
}

/* ════════════════════════════════════════════════════════
   Dark Theme — Liquid Glass on deep teal-black
   ════════════════════════════════════════════════════════ */
[data-theme="dark"] {
    --bg: #0a1a1a;
    --bg-alt: #0f2424;
    --card: rgba(255,255,255,0.06);
    --card-hover: rgba(255,255,255,0.10);
    --card-alt: rgba(62,205,198,0.04);

    --text: #edfffe;
    --text-secondary: #a3ccc9;
    --text-muted: #5f8a87;
    --text-inverse: #ffffff;

    --border: rgba(62,205,198,0.15);
    --border-light: rgba(62,205,198,0.08);

    --primary: #4fe0d8;
    --primary-hover: #6aeae4;
    --primary-light: rgba(79,224,216,0.15);
    --accent: #00e4c8;
    --accent-light: rgba(0,228,200,0.15);

    --ortho: #c084fc;
    --ortho-light: rgba(192,132,252,0.15);
    --perio: #60a5fa;
    --perio-light: rgba(96,165,250,0.15);
    --implant: #fbbf24;
    --implant-light: rgba(251,191,36,0.15);
    --endo: #f87171;
    --endo-light: rgba(248,113,113,0.15);
    --resto: #34d399;
    --resto-light: rgba(52,211,153,0.15);
    --lab: #9ca3af;
    --lab-light: rgba(156,163,175,0.15);

    --success: #34d399;
    --warning: #fbbf24;
    --danger: #f87171;
    --info: #60a5fa;

    --shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(62,205,198,0.05);
    --shadow: 0 4px 16px rgba(0,0,0,0.5), 0 2px 8px rgba(62,205,198,0.06);
    --shadow-lg: 0 8px 40px rgba(0,0,0,0.6), 0 4px 16px rgba(62,205,198,0.08);
    --shadow-glow: 0 0 30px rgba(62,205,198,0.12), 0 4px 16px rgba(0,0,0,0.4);

    --radius-sm: 10px;
    --radius: 14px;
    --radius-lg: 20px;
    --radius-xl: 26px;

    --glass-bg: rgba(255,255,255,0.05);
    --glass-border: rgba(255,255,255,0.10);
    --glass-blur: blur(40px) saturate(150%);
    --glass-inner-glow: inset 0 1px 0 rgba(255,255,255,0.08);
    --surface: rgba(15,36,36,0.80);
    --surface-elevated: rgba(255,255,255,0.08);
    --overlay-bg: rgba(0,0,0,0.6);
    --bg-subtle: rgba(62,205,198,0.05);
}