/* ═══════════════════════════════════════════════════════
   Variables — colour scheme and shared properties
═══════════════════════════════════════════════════════ */

:root {
    --accent:         #4c8095;
    --accent-light:   rgba(76,128,149,0.12);
    --accent-hover:   #3b6a7e;
    --success:        #10b981;
    --danger:         #ef4444;
    --danger-hover:   #dc2626;
    --warn:           #f59e0b;
    --bg:             #f1f5f9;
    --surface:        #ffffff;
    --surface-raised: #ffffff;
    --border:         #e2e8f0;
    --border-subtle:  #f1f5f9;
    --text:           #1e1e1e;
    --text-2:         #475569;
    --text-3:         #94a3b8;
    --shadow-sm:      0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md:      0 4px 12px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
    --shadow-lg:      0 12px 32px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
    --row-hover:      rgba(76,128,149,0.04);
    color-scheme: light;
}

[data-theme="dark"] {
    --bg:             #0d1117;
    --surface:        #2b2b2b;
    --surface-raised: #444444;
    --border:         #545454;
    --border-subtle:  #3e3e3e;
    --text:           #fafafa;
    --text-2:         #cbd5e1;
    --text-3:         #848484;
    --shadow-sm:      0 1px 3px rgba(0,0,0,0.3);
    --shadow-md:      0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg:      0 12px 32px rgba(0,0,0,0.6);
    --row-hover:      rgba(76,128,149,0.07);
    color-scheme: dark;
}