:root {
    --header-h: clamp(64px, 8vh, 84px);
    --header-bg: rgba(255, 255, 255, 0.75);
    --header-sep: rgba(17, 24, 39, 0.06);
    --header-shadow: 0 1px 0 var(--header-sep);
    --header-backdrop: saturate(1.2) blur(10px);
    --bg: #ededef;
    --bg-img-opacity: 0.12;
    --text: #111827;
    --muted-text: #6b7280;
    --card: #fbfbfb;
    --card-reverse: #2c2a2d;
    --outline: #e5e7eb;
    --input-bg: #ededef;
    --accent: #eab308;
    --accent-rgb: 234 179 8;
    --accent-text: #1f2937;
    --shadow: 0 8px 28px rgba(2, 6, 23, 0.06);
    --bg-img-filter: none;
    --focus-ring: 0 0 0 3px rgba(234, 179, 8, 0.35);
    --alias-text: #eba936;
    --alias-text-rgb: 235, 169, 54;
}

[data-theme="dark"] {
    --header-bg: rgba(37, 35, 38, 0.74);
    --header-sep: rgba(255, 255, 255, 0.07);
    --header-shadow: 0 1px 0 var(--header-sep);
    --header-backdrop: saturate(1) blur(10px);
    --bg: #252326;
    --bg-img-opacity: 0.12;
    --text: #f4f4f5;
    --muted-text: #c1c1c1;
    --card: #2c2a2d;
    --card-reverse: #fbfbfb;
    --outline: #373737;
    --input-bg: #252326;
    --accent-rgb: 234 179 8;
    --shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
    --bg-img-filter: none;
    --focus-ring: 0 0 0 3px rgba(234, 179, 8, 0.35);
}

.page--surveillance {
    --accent: #2563eb;
    --accent-rgb: 37 99 235;
}