:root {--c-primary: hsl(157, 100%, 50%);--c-primary-dark: hsl(157, 100%, 50%);--c-accent: hsl(157, 100%, 50%);--c-accent-dark: hsl(157, 100%, 50%);--c-bg: hsl(180, 20%, 97%);--c-bg-dark: hsl(220, 30%, 6%);--c-surface: hsl(0, 0%, 100%);--c-surface-dark: hsla(223, 26%, 11%, 0.65);--c-surface-hover: hsl(220, 20%, 95%);--c-surface-hover-dark: hsla(220, 23%, 15%, 0.8);--c-text: hsl(220, 15%, 15%);--c-text-dark: hsl(210, 40%, 98%);--c-text-muted: hsl(220, 10%, 45%);--c-text-muted-dark: hsl(221, 13%, 60%);--c-border: hsl(220, 15%, 88%);--c-border-dark: hsla(0, 0%, 100%, 0.08);--c-success: hsl(145, 65%, 42%);--c-success-dark: hsl(145, 65%, 55%);--c-error: hsl(0, 75%, 55%);--c-error-dark: hsl(0, 75%, 65%);--site-bg: var(--c-bg-dark);--primary: #dbfcff;--primary-container: #00f0ff;--on-primary: #00363a;--secondary: #f5fff4;--secondary-container: #16ff9e;--on-secondary: #00391f;--tertiary: #f3f5ff;--tertiary-container: #d0d9ee;--on-tertiary-container: #565f70;--background-light: #f5f8f8;--background-dark: #0b0e14;--surface: #10131a;--surface-container-lowest: #0b0e14;--surface-container-low: #191c22;--surface-container: #1d2026;--surface-container-high: #272a31;--surface-container-highest: #32353c;--surface-hover: rgba(30, 36, 48, 0.8);--on-surface: #e1e2eb;--on-surface-variant: #b9cacb;--error: #ffb4ab;--error-container: #93000a;--on-error: #690005;--accent: #00ff9d;--note: #f3f5ff;--note-container: #d0d9ee;--important: #dbeafe;--important-container: #3b82f6;--mistake: #ffedd5;--mistake-container: #f97316;--remember: #f5f3ff;--remember-container: #8b5cf6;--nerd: #fef3c7;--nerd-container: #f59e0b;--muted: #8a93a6;--border-glass: rgba(255, 255, 255, 0.08);--font-display: "Plus Jakarta Sans";--font-heading: "Outfit";--shadow-glow: 0 1.2rem 3.2rem rgba(0, 240, 255, 0.1);--shadow-glow-accent: 0 0 1.6rem rgba(0, 255, 157, 0.4);--shadow-glow-primary: 0 0 2rem rgba(0, 240, 255, 0.3);--gradient-primary-accent: linear-gradient( 135deg, #00f0ff 0%, #00ff9d 100% );--gradient-radial: radial-gradient( circle at top right, rgba(0, 240, 255, 0.05) 0%, transparent 40% );--blc-primary: hsl(185, 100%, 93%);--blc-primary-dark: hsl(185, 100%, 93%);--blc-primary-container: hsla(162, 100%, 74%, 0.32);--blc-primary-container-dark: hsla(162, 100%, 74%, 0.32);--blc-on-primary: hsl(0, 0%, 100%);--blc-on-primary-dark: hsl(184, 100%, 11%);--blc-secondary: hsl(115, 100%, 98%);--blc-secondary-dark: hsl(115, 100%, 98%);--blc-secondary-container: hsl(155, 100%, 54%);--blc-secondary-container-dark: hsl(155, 100%, 54%);--blc-tertiary: hsl(230, 100%, 98%);--blc-tertiary-dark: hsl(230, 100%, 98%);--blc-tertiary-container: hsl(222, 47%, 87%);--blc-tertiary-container-dark: hsl(222, 47%, 87%);--blc-on-tertiary-container: hsl(219, 13%, 39%);--blc-on-tertiary-container-dark: hsl(219, 13%, 39%);--blc-bg: hsl(0, 0%, 100%);--blc-bg-dark: hsl(220, 29%, 6%);--blc-surface: hsl(220, 15%, 97%);--blc-surface-dark: hsl(222, 24%, 8%);--blc-surface-low: hsl(220, 15%, 95%);--blc-surface-low-dark: hsl(220, 15%, 12%);--blc-surface-mid: hsl(220, 15%, 93%);--blc-surface-mid-dark: hsl(220, 13%, 13%);--blc-surface-high: hsl(220, 15%, 90%);--blc-surface-high-dark: hsl(222, 11%, 17%);--blc-surface-highest: hsl(220, 15%, 85%);--blc-surface-highest-dark: hsl(222, 9%, 22%);--blc-surface-hover: hsl(220, 23%, 15%);--blc-surface-hover-dark: hsl(220, 23%, 15%);--blc-on-surface: hsl(220, 15%, 15%);--blc-on-surface-dark: hsl(234, 20%, 90%);--blc-on-surface-variant: hsl(221, 14%, 60%);--blc-on-surface-variant-dark: hsl(183, 15%, 76%);--blc-text: hsl(220, 15%, 15%);--blc-text-dark: hsl(234, 20%, 90%);--blc-text-muted: hsl(221, 14%, 60%);--blc-text-muted-dark: hsl(183, 15%, 76%);--blc-text-body: hsl(220, 15%, 15%);--blc-text-body-dark: hsl(210, 40%, 96%);--blc-text-section: hsl(220, 15%, 15%);--blc-text-section-dark: hsl(214, 32%, 91%);--blc-text-paragraph: hsl(220, 15%, 15%);--blc-text-paragraph-dark: hsl(213, 27%, 84%);--blc-text-heading: hsl(0, 0%, 0%);--blc-text-heading-dark: hsl(0, 0%, 100%);--blc-text-white: hsl(210, 40%, 98%);--blc-text-white-dark: hsl(210, 40%, 98%);--blc-border: hsl(220, 15%, 88%);--blc-border-dark: hsl(220, 15%, 88%);--blc-border-glass: hsl(0, 0%, 100%);--blc-border-glass-dark: hsl(0, 0%, 100%);--blc-error: hsl(0, 75%, 50%);--blc-error-dark: hsl(6, 100%, 84%);--blc-error-container: hsl(0, 75%, 50%);--blc-error-container-dark: hsl(356, 100%, 29%);--blc-accent: hsl(157, 100%, 50%);--blc-accent-dark: hsl(157, 100%, 50%);--blc-info: hsl(200, 85%, 50%);--blc-info-dark: hsl(155, 100%, 54%);--blc-warning: hsl(38, 95%, 50%);--blc-warning-dark: hsl(6, 100%, 84%);--blc-note: hsl(222, 47%, 87%);--blc-note-dark: hsl(222, 47%, 87%);--blc-important: hsl(217, 91%, 60%);--blc-important-dark: hsl(217, 91%, 60%);--blc-mistake: hsl(25, 95%, 53%);--blc-mistake-dark: hsl(25, 95%, 53%);--blc-remember: hsl(258, 90%, 66%);--blc-remember-dark: hsl(258, 90%, 66%);--blc-nerd: hsl(38, 92%, 50%);--blc-nerd-dark: hsl(38, 92%, 50%);--blc-shadow: hsla(162, 100%, 74%, 0.32);--blc-shadow-dark: hsla(162, 100%, 74%, 0.32);--font-mono: "Fira Code";}