/* =====================================================================
   Þemu. Hvert þema skilgreinir sömu breytur, í ljósri og dökkri útgáfu.
   Nýtt þema: afrita blokk, breyta litum og bæta því í THEMES í settings.js.
   ===================================================================== */

/* ---------- Klassískt ---------- */
:root, [data-theme="klassiskt"] {
  --bg: #F3F5F7; --surface: #FFFFFF; --surface2: #F6F7F9; --ink: #16202B; --ink2: #3D4752; --muted: #556270;
  --line: #DDE2E8; --line2: #EEF1F4; --card-line: #DDE2E8; --input-line: #C3CCD6;
  --pri: #1D5FA8; --pri-ink: #FFFFFF; --pri-l: #E6EEF8; --pri-d: #123F72; --accent: #E8833A;
  --ok: #1C6B45; --ok-l: #E5F3EB; --warn: #8A3B09; --warn-l: #FDF0E6; --late: #A3470B;
  --appr: #4E3681; --appr-l: #F0EBF8; --bad: #9F1D2B; --bad-l: #FBE9EB; --neutral-l: #EEF1F4;
  --nav-bg: #16202B; --nav-ink: #C9D2DC; --nav-hover: #1F2D3C; --nav-active-bg: #26374A; --nav-active-ink: #FFFFFF; --nav-line: transparent;
  --hero-bg: #16202B; --hero-ink: #FFFFFF; --hero-sub: #C3CBD6;
  --font: 'IBM Plex Sans', system-ui, sans-serif; --font-d: 'IBM Plex Sans', system-ui, sans-serif; --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --r: 9px; --r-lg: 14px; --bw: 1px; --shadow: none; --h-weight: 600; --h-track: -0.01em; --nav-case: none; --nav-track: 0;
}
[data-theme="klassiskt"][data-mode="dark"] {
  --bg: #0F151C; --surface: #17202A; --surface2: #1C2733; --ink: #E6ECF2; --ink2: #C2CCD6; --muted: #93A1B0;
  --line: #2A3644; --line2: #222D39; --card-line: #2A3644; --input-line: #3A4757;
  --pri: #5B9BE6; --pri-ink: #0B1220; --pri-l: #1B2D44; --pri-d: #9CC4F2;
  --ok: #6FD3A0; --ok-l: #173A2A; --warn: #F2B27A; --warn-l: #3A2716; --late: #FF9466;
  --appr: #C6B2F5; --appr-l: #2C2346; --bad: #FF8A96; --bad-l: #3D1C22; --neutral-l: #222D39;
  --nav-bg: #0B1016; --nav-hover: #16202B; --nav-active-bg: #1F2D3C; --hero-bg: #1B2D44; --hero-sub: #A9B8C8;
}

/* ---------- Vinnuseðill: pappír og blek ---------- */
[data-theme="vinnusedill"] {
  --bg: #F4EFE6; --surface: #FBF8F2; --surface2: #F0E9DC; --ink: #1B1A17; --ink2: #3A372F; --muted: #5E584E;
  --line: #D3C9B7; --line2: #E6DECF; --card-line: #1B1A17; --input-line: #1B1A17;
  --pri: #C2410C; --pri-ink: #FFFFFF; --pri-l: #FBE3D6; --pri-d: #8F2F08; --accent: #12464F;
  --ok: #1E6B3A; --ok-l: #DDEFD9; --warn: #7A5300; --warn-l: #F6E8C6; --late: #B3360B;
  --appr: #12464F; --appr-l: #D9ECEC; --bad: #A01B1B; --bad-l: #F7DADA; --neutral-l: #E9E2D4;
  --nav-bg: #F4EFE6; --nav-ink: #3A372F; --nav-hover: #EDE5D6; --nav-active-bg: transparent; --nav-active-ink: #1B1A17; --nav-line: #1B1A17;
  --hero-bg: transparent; --hero-ink: #1B1A17; --hero-sub: #5E584E;
  --font: 'IBM Plex Sans', system-ui, sans-serif; --font-d: 'Fraunces', Georgia, serif; --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --r: 4px; --r-lg: 6px; --bw: 1.5px; --shadow: 3px 3px 0 var(--card-line); --h-weight: 700; --h-track: -0.02em; --nav-case: uppercase; --nav-track: 0.08em;
}
[data-theme="vinnusedill"][data-mode="dark"] {
  --bg: #1A1814; --surface: #23201B; --surface2: #2B2721; --ink: #EFE7D8; --ink2: #D6CCBA; --muted: #A89E8C;
  --line: #4A443A; --line2: #332F28; --card-line: #6A6253; --input-line: #6A6253;
  --pri: #F0703F; --pri-ink: #1A1814; --pri-l: #3E2518; --pri-d: #FFA67E; --accent: #6CC3C9;
  --ok: #8BD39F; --ok-l: #1F3324; --warn: #E8C26B; --warn-l: #3A2F14; --late: #FF8A5C;
  --appr: #7FD0D4; --appr-l: #183436; --bad: #FF8F8F; --bad-l: #3B1C1C; --neutral-l: #2E2A23;
  --nav-bg: #1A1814; --nav-ink: #D6CCBA; --nav-hover: #26221C; --nav-active-ink: #EFE7D8; --nav-line: #F0703F;
  --hero-ink: #EFE7D8; --hero-sub: #A89E8C; --shadow: 3px 3px 0 #000000;
}

/* ---------- Skilatafla: brottfarartafla ---------- */
[data-theme="skilatafla"] {
  --bg: #EEF2F5; --surface: #FFFFFF; --surface2: #F5F7F9; --ink: #0E1318; --ink2: #2A3540; --muted: #56646F;
  --line: #D4DCE3; --line2: #E6EBEF; --card-line: #D4DCE3; --input-line: #B7C3CD;
  --pri: #0B7480; --pri-ink: #FFFFFF; --pri-l: #DDF3F5; --pri-d: #075861; --accent: #B26A00;
  --ok: #17703F; --ok-l: #DCF3E5; --warn: #8A5200; --warn-l: #FFF0D6; --late: #C2410C;
  --appr: #5B3BB5; --appr-l: #ECE6FB; --bad: #B4232F; --bad-l: #FBE3E5; --neutral-l: #E6EBEF;
  --nav-bg: #0A0E12; --nav-ink: #9AA8B6; --nav-hover: #151C23; --nav-active-bg: transparent; --nav-active-ink: #FFFFFF; --nav-line: #3FD0E0;
  --hero-bg: #0A0E12; --hero-ink: #E8EEF4; --hero-sub: #9AA8B6;
  --font: 'Space Grotesk', system-ui, sans-serif; --font-d: 'Space Grotesk', system-ui, sans-serif; --mono: 'JetBrains Mono', ui-monospace, monospace;
  --r: 8px; --r-lg: 14px; --bw: 1px; --shadow: none; --h-weight: 700; --h-track: 0.01em; --nav-case: none; --nav-track: 0;
}
[data-theme="skilatafla"][data-mode="dark"] {
  --bg: #0E1318; --surface: #151C23; --surface2: #1A222B; --ink: #E8EEF4; --ink2: #C9D4DE; --muted: #9AA8B6;
  --line: #26313C; --line2: #1C252E; --card-line: #26313C; --input-line: #34414E;
  --pri: #3FD0E0; --pri-ink: #062027; --pri-l: #12313A; --pri-d: #8BE6F0; --accent: #FFB547;
  --ok: #5EE0A0; --ok-l: #133A29; --warn: #FFB547; --warn-l: #3A2C12; --late: #FF7A59;
  --appr: #B79CFF; --appr-l: #2A2347; --bad: #FF7A8A; --bad-l: #3D1C22; --neutral-l: #1C252E;
  --hero-bg: #151C23;
}

/* ---------- Litaspjald: VITA litir ---------- */
[data-theme="litaspjald"] {
  --bg: #FBF8F1; --surface: #FFFFFF; --surface2: #F6F1E5; --ink: #13213F; --ink2: #2C3A5C; --muted: #4D5873;
  --line: #E7DFCC; --line2: #F0EADC; --card-line: #E7DFCC; --input-line: #CFC4AC;
  --pri: #2E52E8; --pri-ink: #FFFFFF; --pri-l: #E3E9FF; --pri-d: #1C38B8; --accent: #C8476A;
  --ok: #1F7A4A; --ok-l: #DFF2E6; --warn: #6B4E00; --warn-l: #F6ECD2; --late: #B3304F;
  --appr: #6A2A86; --appr-l: #F2E3F7; --bad: #B3304F; --bad-l: #FBE1E8; --neutral-l: #F0EADC;
  --nav-bg: #FBF8F1; --nav-ink: #E9ECF5; --nav-hover: #24345C; --nav-active-bg: #FBF8F1; --nav-active-ink: #13213F; --nav-line: transparent;
  --hero-bg: #13213F; --hero-ink: #FFFFFF; --hero-sub: #C3CBE0;
  --font: 'Bricolage Grotesque', system-ui, sans-serif; --font-d: 'Bricolage Grotesque', system-ui, sans-serif; --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --r: 14px; --r-lg: 24px; --bw: 1.5px; --shadow: none; --h-weight: 800; --h-track: -0.03em; --nav-case: none; --nav-track: 0;
}
[data-theme="litaspjald"][data-mode="dark"] {
  --bg: #0D1630; --surface: #16224A; --surface2: #1B2955; --ink: #F4EEDF; --ink2: #DCD5C4; --muted: #A9B1C8;
  --line: #2A3A6B; --line2: #1F2D5A; --card-line: #2A3A6B; --input-line: #3A4C82;
  --pri: #8EA3FF; --pri-ink: #0D1630; --pri-l: #22336E; --pri-d: #C2CEFF; --accent: #F08EA9;
  --ok: #7FE0AA; --ok-l: #173A2E; --warn: #F0D08A; --warn-l: #3A3218; --late: #FF8FA8;
  --appr: #E2B3F2; --appr-l: #3A2350; --bad: #FF8FA8; --bad-l: #4A1F33; --neutral-l: #1F2D5A;
  --nav-bg: #0D1630; --nav-active-bg: #F4EEDF; --nav-active-ink: #0D1630; --hero-bg: #2E52E8; --hero-sub: #DCE3FF;
}