:root {
    --brand: #6BB8E3;
    --brand-rgb: 107, 184, 227;
    --bg-0: #06090d;
    --bg-1: #0b1118;
    --surface-0: #0e151d;
    --surface-1: #101b25;
    --surface-2: #142230;
    --text: #e5ecf3;
    --text-primary-rgb: 245, 249, 255;
    --text-dim: #97a7b8;
    --positive: #34c759;
    --negative: #ff5c70;
    --line-soft: rgba(255, 255, 255, 0.08);
    --line-brand: rgba(var(--brand-rgb), 0.34);
    --shadow: 0 24px 48px rgba(0, 0, 0, 0.32);
    --radius: 10px;
    --radius-lg: 14px;
    --radius-md: 10px;
    --radius-sm: 8px;

    --color-white-ffffff-a06: rgba(255, 255, 255, 0.06);
    --color-sky-070c12: #070c12;
    --color-sky-05080d: #05080d;
    --color-sky-f4f8fd: #f4f8fd;
    --color-sky-dce4f0: #dce4f0;
    --color-sky-090f16-a96: rgba(9, 15, 22, 0.96);
    --color-sky-070b11-a93: rgba(7, 11, 17, 0.93);
    --color-white-ffffff-a02: rgba(255, 255, 255, 0.02);
    --color-sky-e7eff8: #e7eff8;
    --color-sky-eaf4ff: #eaf4ff;
    --color-green-34c759-a15: rgba(52, 199, 89, 0.15);
    --color-slate-72818f: #72818f;
    --color-sky-f2f8ff: #f2f8ff;
    --color-sky-c4d4e4: #c4d4e4;
    --color-black-000000-a40: rgba(0, 0, 0, 0.4);
    --color-sky-d7e5f3: #d7e5f3;
    --color-sky-eaf6ff: #eaf6ff;
    --color-white-ffffff: #ffffff;
    --color-sky-050b11-a86: rgba(5, 11, 17, 0.86);
    --color-white-ffffff-a12: rgba(255, 255, 255, 0.12);
    --color-sky-080d14-a76: rgba(8, 13, 20, 0.76);
    --color-sky-0b1118-a78: rgba(11, 17, 24, 0.78);
    --color-sky-d5e5f3: #d5e5f3;
    --color-sky-cdeaff: #cdeaff;
    --color-sky-eaf5ff: #eaf5ff;
    --color-sky-c4d5e5: #c4d5e5;
    --color-white-ffffff-a11: rgba(255, 255, 255, 0.11);
    --color-sky-070d14-a62: rgba(7, 13, 20, 0.62);
    --color-indigo-b28dff-a44: rgba(178, 141, 255, 0.44);
    --color-teal-5acdc2-a44: rgba(90, 205, 194, 0.44);
    --color-red-e0586a-a50: rgba(224, 88, 106, 0.5);
    --color-red-f39680-a50: rgba(243, 150, 128, 0.5);
    --color-sky-c6d0de-a35: rgba(198, 208, 222, 0.35);
    --color-amber-ffbc54-a35: rgba(255, 188, 84, 0.35);
    --color-cyan-6bb8e3-a45: rgba(107, 184, 227, 0.45);
    --color-green-84d698-a40: rgba(132, 214, 152, 0.4);
    --color-sky-c9d3e0-a42: rgba(201, 211, 224, 0.42);
    --color-sky-d4deea: #d4deea;
    --color-sky-a8b6c9-a14: rgba(168, 182, 201, 0.14);
    --color-indigo-bc99ff-a52: rgba(188, 153, 255, 0.52);
    --color-indigo-ddccff: #ddccff;
    --color-indigo-ab82f3-a20: rgba(171, 130, 243, 0.2);
    --color-teal-70d7cd-a52: rgba(112, 215, 205, 0.52);
    --color-teal-bbf1ec: #bbf1ec;
    --color-teal-47b8ad-a20: rgba(71, 184, 173, 0.2);
    --color-red-eb667a-a56: rgba(235, 102, 122, 0.56);
    --color-red-ffc4ce: #ffc4ce;
    --color-red-c9485a-a20: rgba(201, 72, 90, 0.2);
    --color-red-f8a996-a58: rgba(248, 169, 150, 0.58);
    --color-red-ffd3c8: #ffd3c8;
    --color-red-e0836e-a20: rgba(224, 131, 110, 0.2);
    --color-sky-d7e9fb: #d7e9fb;
    --color-cyan-9dd6f5: #9dd6f5;
    --color-white-ffffff-a14: rgba(255, 255, 255, 0.14);
    --color-green-34c759-a45: rgba(52, 199, 89, 0.45);
    --color-green-99e7b1: #99e7b1;
    --color-amber-ffbc54-a46: rgba(255, 188, 84, 0.46);
    --color-amber-ffd89b: #ffd89b;
    --color-red-ff5c70-a46: rgba(255, 92, 112, 0.46);
    --color-red-ffb1bd: #ffb1bd;
    --color-white-ffffff-a10: rgba(255, 255, 255, 0.1);
    --color-sky-070d14-a60: rgba(7, 13, 20, 0.6);
    --color-amber-ffb657: #ffb657;
    --color-sky-d3e3f2: #d3e3f2;
    --color-sky-101b25-a88: rgba(16, 27, 37, 0.88);
    --color-sky-0b131b-a94: rgba(11, 19, 27, 0.94);
    --color-black-000000-a36: rgba(0, 0, 0, 0.36);
    --color-sky-f0f6ff: #f0f6ff;
    --color-sky-080d14-a72: rgba(8, 13, 20, 0.72);
    --color-sky-0b121b-a72: rgba(11, 18, 27, 0.72);
    --color-sky-091017-a80: rgba(9, 16, 23, 0.8);
    --color-sky-0d151f-a80: rgba(13, 21, 31, 0.8);
    --color-green-34c759-a20: rgba(52, 199, 89, 0.2);
    --color-red-ff5c70-a22: rgba(255, 92, 112, 0.22);
    --color-sky-f5f9ff: #f5f9ff;
    --color-sky-dceefe: #dceefe;
    --color-sky-0a1016-a85: rgba(10, 16, 22, 0.85);
    --color-sky-0a1017-a86: rgba(10, 16, 23, 0.86);
    --color-sky-0d141d-a86: rgba(13, 20, 29, 0.86);
    --color-sky-e8f1fa: #e8f1fa;
    --color-sky-c7d8ea: #c7d8ea;
    --color-cyan-9ccff2: #9ccff2;
    --color-sky-c7d8e8: #c7d8e8;
    --color-white-ffffff-a03: rgba(255, 255, 255, 0.03);
    --color-sky-dbecfb: #dbecfb;
    --color-cyan-6bb8e3-a30: rgba(107, 184, 227, 0.3);
    --color-cyan-6bb8e3-a08: rgba(107, 184, 227, 0.08);
    --color-cyan-8ab4d0: #8ab4d0;
    --color-cyan-6bb8e3-a18: rgba(107, 184, 227, 0.18);
    --color-cyan-bde5ff: #bde5ff;
    --color-cyan-6bb8e3-a25: rgba(107, 184, 227, 0.25);
    --color-cyan-6bb8e3-a60: rgba(107, 184, 227, 0.6);
    --color-sky-070d13-a86: rgba(7, 13, 19, 0.86);
    --color-sky-0c1219-a72: rgba(12, 18, 25, 0.72);
    --color-green-34c759-a18: rgba(52, 199, 89, 0.18);
    --color-red-ff5c70-a18: rgba(255, 92, 112, 0.18);
    --color-sky-7d8b99: #7d8b99;
    --color-sky-7d8b99-a18: rgba(125, 139, 153, 0.18);
    --color-white-ffffff-a26: rgba(255, 255, 255, 0.26);
    --color-sky-d6e3ef: #d6e3ef;
    --color-white-ffffff-a05: rgba(255, 255, 255, 0.05);
    --color-sky-a8b9cb: #a8b9cb;
    --color-sky-b1c3d4: #b1c3d4;
    --color-sky-b2c4d6: #b2c4d6;
    --color-amber-ffba5c-a70: rgba(255, 186, 92, 0.7);
    --color-amber-ffbd67-a30: rgba(255, 189, 103, 0.3);
    --color-orange-ff8e36-a30: rgba(255, 142, 54, 0.3);
    --color-amber-ffe5ba: #ffe5ba;
    --color-white-ffffff-a18: rgba(255, 255, 255, 0.18);
    --color-sky-dbe8f5: #dbe8f5;
    --color-amber-f0c765: #f0c765;
    --color-cyan-052030: #052030;
    --color-black-000000-a30: rgba(0, 0, 0, 0.3);
    --color-sky-bdd6ea: #bdd6ea;
    --color-sky-ecf5ff: #ecf5ff;
    --color-sky-e8f4ff: #e8f4ff;
    --color-cyan-e9f6ff: #e9f6ff;
    --color-cyan-c6e8fc: #c6e8fc;
    --color-red-ff5360-a18: rgba(255, 83, 96, 0.18);
    --color-red-ff6672-a45: rgba(255, 102, 114, 0.45);
    --color-red-ffd2d8: #ffd2d8;
    --color-amber-ffd061-a18: rgba(255, 208, 97, 0.18);
    --color-amber-ffd061-a45: rgba(255, 208, 97, 0.45);
    --color-amber-ffe8b8: #ffe8b8;
    --color-cyan-6ab8e3-a16: rgba(106, 184, 227, 0.16);
    --color-cyan-6ab8e3-a50: rgba(106, 184, 227, 0.5);
    --color-cyan-d7efff: #d7efff;
    --color-black-000000: #000000;
    --color-white-ffffff-a04: rgba(255, 255, 255, 0.04);
    --color-sky-0a1016-a92: rgba(10, 16, 22, 0.92);
    --color-yellow-e8c547: #e8c547;
    --color-sky-0a1016-a95: rgba(10, 16, 22, 0.95);
    --color-sky-b8c4d4: #b8c4d4;
    --color-green-4caf50: #4caf50;
    --color-slate-666666: #666666;
}

[data-theme="light"] {
    /* Brand */
    --brand: #3A8BA5;
    --brand-rgb: 23, 133, 138;

    /* Backgrounds */
    --bg-0: #E8EAED;
    --bg-1: #F0F2F5;
    --surface-0: #FFFFFF;
    --surface-1: #F5F6F8;
    --surface-2: #ECEEF1;

    /* Text */
    --text: #222222;
    --text-primary-rgb: 34, 34, 34;
    --text-dim: #555555;

    /* Positive / Negative */
    --positive: #00897B;
    --negative: #E53935;

    /* Lines */
    --line-soft: rgba(0, 0, 0, 0.1);
    --shadow: 0 4px 24px rgba(0, 0, 0, 0.12);

    /* White-based → invert to dark-based */
    --color-white-ffffff-a06: rgba(0, 0, 0, 0.04);
    --color-white-ffffff-a02: rgba(0, 0, 0, 0.02);
    --color-white-ffffff-a12: rgba(0, 0, 0, 0.08);
    --color-white-ffffff-a11: rgba(0, 0, 0, 0.07);
    --color-white-ffffff-a10: rgba(0, 0, 0, 0.06);
    --color-white-ffffff-a14: rgba(0, 0, 0, 0.09);
    --color-white-ffffff-a18: rgba(0, 0, 0, 0.12);
    --color-white-ffffff-a26: rgba(0, 0, 0, 0.18);
    --color-white-ffffff-a05: rgba(0, 0, 0, 0.03);
    --color-white-ffffff-a04: rgba(0, 0, 0, 0.03);
    --color-white-ffffff-a03: rgba(0, 0, 0, 0.02);

    /* Dark sky backgrounds → light equivalents */
    --color-sky-070c12: #E8EAED;
    --color-sky-05080d: #F0F2F5;
    --color-sky-090f16-a96: rgba(240, 242, 245, 0.97);
    --color-sky-070b11-a93: rgba(240, 242, 245, 0.94);
    --color-sky-080d14-a76: rgba(245, 246, 248, 0.92);
    --color-sky-0b1118-a78: rgba(245, 246, 248, 0.92);
    --color-sky-050b11-a86: rgba(245, 246, 248, 0.94);
    --color-sky-070d14-a62: rgba(245, 246, 248, 0.88);
    --color-sky-070d14-a60: rgba(245, 246, 248, 0.86);
    --color-sky-080d14-a72: rgba(245, 246, 248, 0.90);
    --color-sky-0b121b-a72: rgba(245, 246, 248, 0.90);
    --color-sky-091017-a80: rgba(245, 246, 248, 0.92);
    --color-sky-0d151f-a80: rgba(245, 246, 248, 0.92);
    --color-sky-0a1016-a85: rgba(245, 246, 248, 0.94);
    --color-sky-0a1017-a86: rgba(245, 246, 248, 0.94);
    --color-sky-0d141d-a86: rgba(245, 246, 248, 0.94);
    --color-sky-101b25-a88: rgba(245, 246, 248, 0.94);
    --color-sky-0b131b-a94: rgba(245, 246, 248, 0.97);
    --color-sky-0a1016-a92: rgba(245, 246, 248, 0.96);
    --color-sky-0a1016-a95: rgba(245, 246, 248, 0.97);
    --color-sky-0c1219-a72: rgba(245, 246, 248, 0.90);
    --color-sky-070d13-a86: rgba(245, 246, 248, 0.94);

    /* Light sky text colors → dark text on light bg */
    --color-sky-f4f8fd: #1a2332;
    --color-sky-dce4f0: #333333;
    --color-sky-e7eff8: #333333;
    --color-sky-eaf4ff: #222222;
    --color-sky-f2f8ff: #1a2332;
    --color-sky-c4d4e4: #444444;
    --color-sky-d7e5f3: #444444;
    --color-sky-eaf6ff: #222222;
    --color-sky-d5e5f3: #444444;
    --color-sky-cdeaff: #3A4A5A;
    --color-sky-eaf5ff: #222222;
    --color-sky-c4d5e5: #444444;
    --color-sky-d4deea: #444444;
    --color-sky-d7e9fb: #3A4A5A;
    --color-sky-f0f6ff: #1a2332;
    --color-sky-f5f9ff: #1a2332;
    --color-sky-dceefe: #334155;
    --color-sky-e8f1fa: #334155;
    --color-sky-c7d8ea: #555555;
    --color-sky-c7d8e8: #555555;
    --color-sky-dbecfb: #334155;
    --color-sky-bdd6ea: #666666;
    --color-sky-ecf5ff: #334155;
    --color-sky-e8f4ff: #334155;
    --color-sky-d3e3f2: #555555;
    --color-sky-d6e3ef: #555555;
    --color-sky-dbe8f5: #E8EAED;
    --color-sky-a8b6c9: #666666;
    --color-sky-b1c3d4: #666666;
    --color-sky-b2c4d6: #666666;
    --color-sky-b8c4d4: #666666;
    --color-sky-7d8b99: #777777;
    --color-sky-7d8b99-a18: rgba(100, 100, 100, 0.18);
    --color-sky-a8b9cb: #666666;
    --color-slate-72818f: #72818f;

    /* Black → light overlays */
    --color-black-000000-a40: rgba(0, 0, 0, 0.25);
    --color-black-000000-a36: rgba(0, 0, 0, 0.22);
    --color-black-000000-a30: rgba(0, 0, 0, 0.18);
    --color-black-000000: #000000;

    /* Cyan brand → teal */
    --color-cyan-6bb8e3-a45: rgba(58, 139, 165, 0.45);
    --color-cyan-6bb8e3-a30: rgba(58, 139, 165, 0.30);
    --color-cyan-6bb8e3-a08: rgba(58, 139, 165, 0.08);
    --color-cyan-6bb8e3-a18: rgba(58, 139, 165, 0.18);
    --color-cyan-6bb8e3-a25: rgba(58, 139, 165, 0.25);
    --color-cyan-6bb8e3-a60: rgba(58, 139, 165, 0.60);
    --color-cyan-6ab8e3-a16: rgba(58, 139, 165, 0.16);
    --color-cyan-6ab8e3-a50: rgba(58, 139, 165, 0.50);
    --color-cyan-9dd6f5: #3A8BA5;
    --color-cyan-9ccff2: #3A8BA5;
    --color-cyan-052030: #E8EAED;
    --color-cyan-e9f6ff: #EBF5FA;
    --color-cyan-c6e8fc: #C2DCE9;
    --color-cyan-d7efff: #D0E8F0;
    --color-cyan-bde5ff: #3A8BA5;
    --color-cyan-8ab4d0: #3A8BA5;
}




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

html {
    overflow-x: hidden;
}

body {
    font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
    color: var(--text);
    line-height: 1.45;
    min-height: 100vh;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 8% -8%, rgba(var(--brand-rgb), 0.15), transparent 40%),
        radial-gradient(circle at 88% -12%, var(--color-white-ffffff-a06), transparent 34%),
        linear-gradient(180deg, var(--color-sky-070c12) 0%, var(--bg-0) 52%, var(--color-sky-070c12) 100%);
}