:root {
    --bg: #020706;
    --bg-center: #03100d;

    --accent: #3be8b0;
    --accent-strong: #52f0bd;
    --text-main: #2fd6a0;
    --text-dim: #1f8f6d;
    --text-soft: #166b52;

    --scanline: rgba(59,232,176,0.02);
    --noise-opacity: 0.035;
    --boot-line-glow: rgba(59,232,176,0.20);

    --iris-glow-a: rgba(59,232,176,0.22);
    --iris-glow-b: rgba(59,232,176,0.10);

    --button-text-hover: #02110d;

    --glitch-a: #29c89a;
    --glitch-b: #67dbc4;

    --eye-stroke: rgba(59,232,176,0.88);
    --eye-fill: rgba(0,0,0,0.88);
    --iris-fill: #2fd6a0;
    --pupil-fill: #03150f;
    --highlight-fill: rgba(255,255,255,0.88);

    --glow-soft-a: rgba(59,232,176,0.10);
    --glow-soft-b: rgba(59,232,176,0.05);

    --glow-line-a: rgba(59,232,176,0.22);
    --glow-line-b: rgba(59,232,176,0.08);

    --glow-focus-a: rgba(59,232,176,0.34);
    --glow-focus-b: rgba(59,232,176,0.14);

    --glow-active-a: rgba(82,240,189,0.48);
    --glow-active-b: rgba(82,240,189,0.20);

    --title-glow: rgba(59,232,176,0.22);
    --button-glow: rgba(59,232,176,0.22);

    --eye-width: 240px;
    --eye-height: 130px;

    --title-size: 30px;
    --sub-size: 14px;
    --meta-size: 13px;
    --button-size: 15px;

    --btn-pad-y: 14px;
    --btn-pad-x: 30px;

    --boot-flash: rgba(59,232,176,0.12);

    --card-bg: rgba(0, 0, 0, 0.16);
    --card-bg-hover: rgba(0, 0, 0, 0.22);

    --card-border: rgba(59, 232, 176, 0.22);
    --card-border-hover: rgba(59, 232, 176, 0.55);

    --card-glow: rgba(59, 232, 176, 0.08);
    --card-glow-hover: rgba(59, 232, 176, 0.16);

    --card-inset-glow: rgba(59, 232, 176, 0.02);
    --card-inset-glow-hover: rgba(59, 232, 176, 0.04);

    --flash-color: rgba(0, 255, 200, 0.16);
}

body.theme-night {
    --bg: #04080b;
    --bg-center: #0a1116;

    --accent: #36d1c4;
    --accent-strong: #5be7dc;
    --text-main: #2bb8ae;
    --text-dim: #1b7c77;
    --text-soft: #125652;

    --scanline: rgba(54,209,196,0.018);

    --eye-stroke: rgba(54,209,196,0.84);
    --eye-fill: rgba(2,8,10,0.9);
    --iris-fill: #2fc7bc;
    --pupil-fill: #031217;

    --glow-soft-a: rgba(54,209,196,0.08);
    --glow-soft-b: rgba(54,209,196,0.04);
    --glow-line-a: rgba(54,209,196,0.18);
    --glow-line-b: rgba(54,209,196,0.07);
    --glow-focus-a: rgba(54,209,196,0.28);
    --glow-focus-b: rgba(54,209,196,0.11);
    --glow-active-a: rgba(91,231,220,0.40);
    --glow-active-b: rgba(91,231,220,0.16);

    --title-glow: rgba(54,209,196,0.18);
    --button-glow: rgba(54,209,196,0.18);
    --boot-line-glow: rgba(54,209,196,0.16);

    --iris-glow-a: rgba(54,209,196,0.18);
    --iris-glow-b: rgba(54,209,196,0.08);

    --button-text-hover: #031116;
    --glitch-a: #3ccfcf;
    --glitch-b: #7ce9ff;

    --card-bg: rgba(4, 10, 14, 0.22);
    --card-bg-hover: rgba(6, 14, 18, 0.30);

    --card-border: rgba(54, 209, 196, 0.20);
    --card-border-hover: rgba(91, 231, 220, 0.50);

    --card-glow: rgba(54, 209, 196, 0.07);
    --card-glow-hover: rgba(91, 231, 220, 0.14);

    --card-inset-glow: rgba(54, 209, 196, 0.02);
    --card-inset-glow-hover: rgba(91, 231, 220, 0.04);
    --flash-color: rgba(120, 170, 255, 0.16);
}

body.theme-amber {
    --bg: #0b0804;
    --bg-center: #151006;

    --accent: #d8b36a;
    --accent-strong: #e8c985;
    --text-main: #caa45f;
    --text-dim: #876b3b;
    --text-soft: #5f4a28;

    --scanline: rgba(216,179,106,0.018);

    --eye-stroke: rgba(216,179,106,0.86);
    --eye-fill: rgba(10,8,4,0.9);
    --iris-fill: #cfa35c;
    --pupil-fill: #1a1206;

    --glow-soft-a: rgba(216,179,106,0.08);
    --glow-soft-b: rgba(216,179,106,0.04);
    --glow-line-a: rgba(216,179,106,0.18);
    --glow-line-b: rgba(216,179,106,0.07);
    --glow-focus-a: rgba(216,179,106,0.28);
    --glow-focus-b: rgba(216,179,106,0.11);
    --glow-active-a: rgba(232,201,133,0.42);
    --glow-active-b: rgba(232,201,133,0.17);

    --title-glow: rgba(216,179,106,0.18);
    --button-glow: rgba(216,179,106,0.18);
    --boot-line-glow: rgba(216,179,106,0.16);

    --iris-glow-a: rgba(216,179,106,0.18);
    --iris-glow-b: rgba(216,179,106,0.08);

    --button-text-hover: #171004;
    --glitch-a: #c79545;
    --glitch-b: #f0cb85;

    --card-bg: rgba(20, 14, 6, 0.24);
    --card-bg-hover: rgba(28, 20, 10, 0.34);

    --card-border: rgba(216, 179, 106, 0.22);
    --card-border-hover: rgba(232, 201, 133, 0.52);

    --card-glow: rgba(216, 179, 106, 0.08);
    --card-glow-hover: rgba(232, 201, 133, 0.16);

    --card-inset-glow: rgba(216, 179, 106, 0.02);
    --card-inset-glow-hover: rgba(232, 201, 133, 0.04);
    --flash-color: rgba(255, 180, 60, 0.16);
}

body.theme-alert {
    --bg: #090304;
    --bg-center: #140507;

    --accent: #ff5e72;
    --accent-strong: #ff8a98;
    --text-main: #e85869;
    --text-dim: #9a3946;
    --text-soft: #6a2630;

    --scanline: rgba(255,94,114,0.02);

    --eye-stroke: rgba(255,94,114,0.88);
    --eye-fill: rgba(8,2,3,0.9);
    --iris-fill: #ff6678;
    --pupil-fill: #1a0508;

    --glow-soft-a: rgba(255,94,114,0.10);
    --glow-soft-b: rgba(255,94,114,0.05);
    --glow-line-a: rgba(255,94,114,0.22);
    --glow-line-b: rgba(255,94,114,0.08);
    --glow-focus-a: rgba(255,94,114,0.34);
    --glow-focus-b: rgba(255,94,114,0.14);
    --glow-active-a: rgba(255,138,152,0.48);
    --glow-active-b: rgba(255,138,152,0.20);

    --title-glow: rgba(255,94,114,0.22);
    --button-glow: rgba(255,94,114,0.22);
    --boot-line-glow: rgba(255,94,114,0.20);

    --iris-glow-a: rgba(255,94,114,0.22);
    --iris-glow-b: rgba(255,94,114,0.10);

    --button-text-hover: #180406;
    --glitch-a: #ff6e7a;
    --glitch-b: #ffb0b8;

    --card-bg: rgba(20, 6, 8, 0.24);
    --card-bg-hover: rgba(28, 8, 12, 0.34);

    --card-border: rgba(255, 94, 114, 0.24);
    --card-border-hover: rgba(255, 138, 152, 0.55);

    --card-glow: rgba(255, 94, 114, 0.09);
    --card-glow-hover: rgba(255, 138, 152, 0.17);

    --card-inset-glow: rgba(255, 94, 114, 0.025);
    --card-inset-glow-hover: rgba(255, 138, 152, 0.05);
    --flash-color: rgba(255, 70, 70, 0.14);
}