:root {
    --bg0: #05080F;
    --bg1: #0A1120;
    --cream: #FAF7EC;
    --ink: #0B0E14;
    --amber: #B06CFF;
    --amber-soft: rgba(176, 108, 255, 0.14);
    --steel: rgba(148, 170, 210, 0.16);
    --steel-soft: rgba(148, 170, 210, 0.07);
    --text: #E3E9F4;
    --mut: #7E8AA3;

    --signal: var(--amber);
    --line: var(--steel);
    --ink-2: var(--bg1);
    --mono: 'IBM Plex Mono', monospace;
    --disp: 'Chakra Petch', sans-serif;
    --body: 'Archivo', sans-serif;

    --dark-primary: var(--amber);
    --dark-secondary: var(--amber);
    --dark-accent: var(--amber);
    --dark-accent-2: #94AAD2;
    --dark-accent-3: var(--amber);
    --dark-bg-primary: var(--bg0);
    --dark-bg-secondary: var(--bg1);
    --dark-bg-tertiary: var(--bg1);
    --dark-bg-quaternary: var(--bg1);
    --dark-text: var(--text);
    --dark-text-soft: var(--mut);
    --dark-text-secondary: var(--neutral-slate-300);
    --dark-border: var(--steel);
    --dark-border-soft: var(--steel);
    --dark-shadow: var(--amber-soft);
    --dark-warning: #E8B339;
    --dark-danger: #F2555A;

    --light-primary: #f59e0b;
    --light-secondary: #fbbf24;
    --light-accent: #ef4444;
    --light-accent-2: #3b82f6;
    --light-accent-3: #10b981;
    --light-bg-primary: #fef3c7;
    --light-bg-secondary: #ffffff;
    --light-bg-tertiary: #f9fafb;
    --light-bg-quaternary: #f1f5f9;
    --light-text: #0f172a;
    --light-border: rgba(245, 158, 11, 0.2);
    --light-shadow: rgba(245, 158, 11, 0.1);

    --brand-mark-bg: #0A0118;
    --brand-mark-thread: #EC4899;
    --brand-mark-w: #A855F7;

    --bg-blob-primary: rgba(176, 108, 255, 0.10);
    --bg-blob-primary-soft: rgba(176, 108, 255, 0.08);
    --bg-blob-steel: rgba(148, 170, 210, 0.08);

    --dark-success: var(--success-primary);
    --dark-muted: var(--neutral-slate-500);
    --dark-text-muted: var(--mut);
    --dark-surface-2: var(--bg1);
    --dark-text-primary: var(--dark-text);
    --dark-bg-soft: var(--surface-elevated-bg);
    --primary: var(--dark-primary);
    --secondary: var(--dark-secondary);
    --border: var(--dark-border);
    --chart-1: var(--dark-primary);
    --chart-2: var(--brand-cyan);
    --chart-3: var(--success-primary);
    --chart-4: var(--warning-secondary);
    --chart-5: var(--error-primary);
    --chart-6: var(--brand-indigo);
    --chart-7: var(--brand-pink);
    --chart-8: var(--dark-400);

    --white: #ffffff;
    --black: #000000;
    --transparent: transparent;

    --dark-500: var(--amber);
    --dark-600: #9548E8;
    --dark-700: #7A36C7;
    --dark-800: #5F28A0;
    --dark-900: #451D75;
    --dark-400: #C99CFF;

    --accent-1-500: var(--amber);
    --accent-1-400: #C99CFF;
    --accent-1-600: #9548E8;
    --accent-1-700: #7A36C7;
    --accent-1-800: #5F28A0;
    --accent-1-900: #451D75;

    --warn-2-500: #f97316;
    --warn-2-600: #ea580c;
    --warn-300: #fcd34d;
    --warn-400: #facc15;
    --warn-500: #eab308;

    --error-500: #ef4444;
    --error-600: #dc2626;

    --info-500: #3b82f6;
    --info-600: #2563eb;

    --cyan-500: #06b6d4;

    --success-2-500: #10b981;
    --success-2-20: rgba(16, 185, 129, 0.2);

    --neutral-slate-100: #f1f5f9;
    --neutral-slate-200: #e2e8f0;
    --neutral-slate-300: #cbd5e1;
    --neutral-slate-400: #94a3b8;
    --neutral-slate-500: #64748b;
    --neutral-slate-600: #475569;
    --neutral-slate-700: #334155;
    --neutral-slate-800: #1e293b;
    --neutral-slate-900: #0f172a;

    --neutral-gray-100: #f3f4f6;
    --neutral-gray-200: #e5e7eb;
    --neutral-gray-300: #d1d5db;
    --neutral-gray-400: #9ca3af;
    --neutral-gray-500: #6b7280;
    --neutral-gray-600: #4b5563;
    --neutral-gray-700: #374151;
    --neutral-gray-800: #1f2937;
    --neutral-gray-900: #111827;

    --moon-base: #cbd5e1;
    --moon-shadow: #94a3b8;
    --red-sun: #ff4444;
    --urgent-red: #ef4444;
    --urgent-orange: #f97316;
    --urgent-dark-red: #dc2626;
    --urgent-dark-orange: #ea580c;

    --dark-bg-gradient-1: rgba(176, 108, 255, 0.14);
    --dark-bg-gradient-2: rgba(148, 170, 210, 0.10);
    --dark-bg-gradient-3: rgba(176, 108, 255, 0.08);
    --dark-bg-gradient-4: rgba(148, 170, 210, 0.08);
    --dark-bg-gradient-start: var(--bg0);
    --dark-bg-gradient-mid-1: var(--bg1);
    --dark-bg-gradient-mid-2: var(--bg1);
    --dark-bg-gradient-end: var(--bg0);

    --bg-mesh-1: rgba(176, 108, 255, 0.06);
    --bg-mesh-2: rgba(148, 170, 210, 0.05);
    --bg-mesh-3: rgba(176, 108, 255, 0.05);
    --bg-lattice-dot: rgba(146, 164, 191, 0.05);

    --white-012: rgba(255, 255, 255, 0.012);
    --white-015: rgba(255, 255, 255, 0.015);
    --white-02: rgba(255, 255, 255, 0.02);
    --white-03: rgba(255, 255, 255, 0.03);
    --white-035: rgba(255, 255, 255, 0.035);
    --white-04: rgba(255, 255, 255, 0.04);
    --white-05: rgba(255, 255, 255, 0.05);
    --white-06: rgba(255, 255, 255, 0.06);
    --white-07: rgba(255, 255, 255, 0.07);
    --white-08: rgba(255, 255, 255, 0.08);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-11: rgba(255, 255, 255, 0.11);
    --white-12: rgba(255, 255, 255, 0.12);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-18: rgba(255, 255, 255, 0.18);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-25: rgba(255, 255, 255, 0.25);
    --white-30: rgba(255, 255, 255, 0.3);
    --white-40: rgba(255, 255, 255, 0.4);
    --white-50: rgba(255, 255, 255, 0.5);
    --white-70: rgba(255, 255, 255, 0.7);
    --white-80: rgba(255, 255, 255, 0.8);
    --white-90: rgba(255, 255, 255, 0.9);
    --white-95: rgba(255, 255, 255, 0.95);
    --white-96: rgba(255, 255, 255, 0.96);
    --white-97: rgba(255, 255, 255, 0.97);

    --black-02: rgba(0, 0, 0, 0.02);
    --black-03: rgba(0, 0, 0, 0.03);
    --black-04: rgba(0, 0, 0, 0.04);
    --black-05: rgba(0, 0, 0, 0.05);
    --black-06: rgba(0, 0, 0, 0.06);
    --black-08: rgba(0, 0, 0, 0.08);
    --black-10: rgba(0, 0, 0, 0.1);
    --black-12: rgba(0, 0, 0, 0.12);
    --black-15: rgba(0, 0, 0, 0.15);
    --black-20: rgba(0, 0, 0, 0.2);
    --black-25: rgba(0, 0, 0, 0.25);
    --black-30: rgba(0, 0, 0, 0.3);
    --black-35: rgba(0, 0, 0, 0.35);
    --black-40: rgba(0, 0, 0, 0.4);
    --black-45: rgba(0, 0, 0, 0.45);
    --black-50: rgba(0, 0, 0, 0.5);
    --black-55: rgba(0, 0, 0, 0.55);
    --black-60: rgba(0, 0, 0, 0.6);
    --black-65: rgba(0, 0, 0, 0.65);
    --black-70: rgba(0, 0, 0, 0.7);
    --black-75: rgba(0, 0, 0, 0.75);
    --black-80: rgba(0, 0, 0, 0.8);
    --black-90: rgba(0, 0, 0, 0.9);

    --dark-primary-045: rgba(176, 108, 255, 0.045);
    --dark-primary-05: rgba(176, 108, 255, 0.05);
    --dark-primary-06: rgba(176, 108, 255, 0.06);
    --dark-primary-07: rgba(176, 108, 255, 0.07);
    --dark-primary-08: rgba(176, 108, 255, 0.08);
    --dark-primary-09: rgba(176, 108, 255, 0.09);
    --dark-primary-10: rgba(176, 108, 255, 0.1);
    --dark-primary-11: rgba(176, 108, 255, 0.11);
    --dark-primary-12: rgba(176, 108, 255, 0.12);
    --dark-primary-13: rgba(176, 108, 255, 0.13);
    --dark-primary-14: rgba(176, 108, 255, 0.14);
    --dark-primary-15: rgba(176, 108, 255, 0.15);
    --dark-primary-18: rgba(176, 108, 255, 0.18);
    --dark-primary-20: rgba(176, 108, 255, 0.2);
    --dark-primary-25: rgba(176, 108, 255, 0.25);
    --dark-primary-30: rgba(176, 108, 255, 0.3);
    --dark-primary-35: rgba(176, 108, 255, 0.35);
    --dark-primary-40: rgba(176, 108, 255, 0.4);
    --dark-primary-45: rgba(176, 108, 255, 0.45);
    --dark-primary-50: rgba(176, 108, 255, 0.5);
    --dark-primary-55: rgba(176, 108, 255, 0.55);
    --dark-primary-60: rgba(176, 108, 255, 0.6);
    --dark-primary-70: rgba(176, 108, 255, 0.7);
    --dark-primary-80: rgba(176, 108, 255, 0.8);
    --dark-primary-90: rgba(176, 108, 255, 0.9);

    --dark-secondary-05: rgba(176, 108, 255, 0.05);
    --dark-secondary-15: rgba(176, 108, 255, 0.15);
    --dark-secondary-20: rgba(176, 108, 255, 0.2);
    --dark-secondary-25: rgba(176, 108, 255, 0.25);
    --dark-secondary-30: rgba(176, 108, 255, 0.3);
    --dark-secondary-40: rgba(176, 108, 255, 0.4);
    --dark-secondary-50: rgba(176, 108, 255, 0.5);
    --dark-secondary-60: rgba(176, 108, 255, 0.6);
    --dark-secondary-80: rgba(176, 108, 255, 0.8);

    --accent-1-primary-10: rgba(176, 108, 255, 0.1);
    --accent-1-primary-20: rgba(176, 108, 255, 0.2);
    --accent-1-primary-30: rgba(176, 108, 255, 0.3);
    --accent-1-primary-40: rgba(176, 108, 255, 0.4);
    --accent-1-primary-50: rgba(176, 108, 255, 0.5);
    --accent-1-primary-60: rgba(176, 108, 255, 0.6);

    --error-primary-30: rgba(239, 68, 68, 0.3);
    --error-primary-40: rgba(239, 68, 68, 0.4);
    --error-primary-60: rgba(239, 68, 68, 0.6);

    --info-primary-40: rgba(59, 130, 246, 0.4);

    --success-primary-30: rgba(34, 197, 94, 0.3);
    --success-primary-40: rgba(34, 197, 94, 0.4);
    --success-primary-60: rgba(34, 197, 94, 0.6);

    --sidebar-dark-bg: rgba(5, 8, 15, 0.92);
    --sidebar-solid-bg: rgba(5, 8, 15, 0.92);
    --topbar-dark-bg: rgba(5, 8, 15, 0.92);
    --navbar-dark-bg: rgba(5, 8, 15, 0.92);
    --navbar-scrim-bg: rgba(5, 8, 15, 0.72);
    --dropdown-dark-bg: rgba(10, 17, 32, 0.97);
    --tooltip-dark-bg: rgba(5, 8, 15, 0.95);
    --tooltip-dark-bg-30: rgba(5, 8, 15, 0.3);

    --surface-card-bg: rgba(10, 17, 32, 0.72);
    --surface-tile-bg: rgba(10, 17, 32, 0.66);
    --surface-auth-bg: rgba(10, 17, 32, 0.8);
    --surface-input-bg: rgba(5, 8, 15, 0.7);
    --surface-input-focus-bg: rgba(5, 8, 15, 0.9);
    --surface-code-bg: rgba(5, 8, 15, 0.8);
    --surface-modal-bg: rgba(10, 17, 32, 0.96);
    --surface-modal-head-bg: rgba(10, 17, 32, 0.98);
    --surface-elevated-bg: rgba(255, 255, 255, 0.02);
    --surface-quiet-bg: rgba(148, 170, 210, 0.05);
    --surface-hover-bg: rgba(148, 170, 210, 0.08);
    --surface-track-bg: rgba(148, 170, 210, 0.10);
    --surface-hairline: rgba(148, 170, 210, 0.09);
    --surface-console-bar-bg: rgba(255, 255, 255, 0.015);

    --plan-card-bg-start: rgba(255, 255, 255, 0.035);
    --plan-card-bg-end: rgba(255, 255, 255, 0.012);

    --dark-gradient-1: radial-gradient(circle at 20% 80%, var(--dark-bg-gradient-1) 0%, var(--transparent) 50%);
    --dark-gradient-2: radial-gradient(circle at 80% 20%, var(--dark-bg-gradient-2) 0%, var(--transparent) 50%);
    --dark-gradient-3: radial-gradient(circle at 40% 40%, var(--dark-bg-gradient-3) 0%, var(--transparent) 50%);
    --dark-gradient-main: linear-gradient(135deg, var(--dark-bg-gradient-start) 0%, var(--dark-bg-gradient-mid-1) 40%, var(--dark-bg-gradient-mid-2) 70%, var(--dark-bg-gradient-end) 100%);
    --brand-gradient: linear-gradient(135deg, var(--dark-primary), var(--dark-accent));
    --brand-gradient-h: linear-gradient(90deg, var(--dark-primary), var(--dark-accent));
    --shimmer-gradient: linear-gradient(90deg, var(--white-05) 25%, var(--white-11) 37%, var(--white-05) 63%);
    --shimmer-gradient-light: linear-gradient(90deg, var(--white-05) 25%, var(--white-11) 37%, var(--white-05) 63%);
    --shimmer-gradient-bar: linear-gradient(90deg, var(--dark-primary-15) 25%, var(--dark-secondary) 50%, var(--dark-primary-15) 75%);
    --plan-card-gradient: linear-gradient(180deg, var(--plan-card-bg-start), var(--plan-card-bg-end));

    --success-primary: #22c55e;
    --success-secondary: #16a34a;
    --success-light: rgba(34, 197, 94, 0.1);
    --success-05: rgba(34, 197, 94, 0.05);
    --success-medium: rgba(34, 197, 94, 0.2);
    --success-border: rgba(34, 197, 94, 0.3);
    --success-hover: rgba(34, 197, 94, 0.2);
    --success-strong: rgba(34, 197, 94, 0.5);
    --success-shadow: rgba(34, 197, 94, 0.3);

    --error-primary: #ef4444;
    --error-secondary: #dc2626;
    --error-tertiary: #f87171;
    --error-light: rgba(239, 68, 68, 0.1);
    --error-border: rgba(239, 68, 68, 0.3);
    --error-hover: rgba(239, 68, 68, 0.2);
    --error-shadow: rgba(239, 68, 68, 0.3);
    --error-soft-bg: rgba(248, 113, 113, 0.12);

    --warning-primary: #fbbf24;
    --warning-secondary: #f59e0b;
    --warning-light: rgba(251, 191, 36, 0.1);
    --warning-medium: rgba(251, 191, 36, 0.2);
    --warning-border: rgba(251, 191, 36, 0.3);
    --warning-hover: rgba(251, 191, 36, 0.5);
    --warning-strong: rgba(251, 191, 36, 0.4);
    --warning-shadow: rgba(251, 191, 36, 0.3);
    --warning-focus: rgba(251, 191, 36, 0.6);

    --info-primary: #3b82f6;
    --info-secondary: #2563eb;
    --info-light: rgba(59, 130, 246, 0.1);
    --info-medium: rgba(59, 130, 246, 0.15);
    --info-border: rgba(59, 130, 246, 0.3);
    --info-hover: rgba(59, 130, 246, 0.2);
    --info-strong: rgba(59, 130, 246, 0.4);
    --info-focus: rgba(59, 130, 246, 0.5);
    --info-shadow: rgba(59, 130, 246, 0.3);
    --info-secondary-10: rgba(37, 99, 235, 0.1);

    --signal-green: #5BBF8A;
    --signal-green-18: rgba(91, 191, 138, 0.18);

    --neutral-light: #9ca3af;
    --neutral-medium: #6b7280;
    --neutral-dark: #374151;
    --neutral-bg-light: rgba(156, 163, 175, 0.1);
    --neutral-bg-medium: rgba(156, 163, 175, 0.2);
    --neutral-border: rgba(156, 163, 175, 0.3);
    --neutral-medium-bg: rgba(107, 114, 128, 0.1);
    --neutral-medium-border: rgba(107, 114, 128, 0.3);

    --brand-green: #10b981;
    --brand-blue: #3b82f6;
    --brand-yellow: #f59e0b;
    --brand-orange: #f97316;
    --brand-red: #ef4444;
    --brand-pink: #ec4899;
    --brand-purple: #8b5cf6;
    --brand-indigo: #6366f1;
    --brand-teal: #14b8a6;
    --brand-cyan: #06b6d4;

    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --border-light: #e5e7eb;
    --border-medium: #d1d5db;
    --border-dark: #374151;
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f3f4f6;

    --dropdown-option-dark-bg: #1a1a2e;
    --dropdown-option-dark-text: #e0e0e0;
    --dropdown-option-dark-hover-bg: #2d2d44;
    --dropdown-option-dark-checked-bg: #3b82f6;

    --svg-arrow-dark: %23888;
    --svg-arrow-neutral: %23999;
    --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C99CFF' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

:root {
    --font-sans: var(--body);
    --font-mono: var(--mono);
    --font-display: var(--disp);

    --fs-4xs: 0.5625rem;
    --fs-3xs: 0.625rem;
    --fs-2xs: 0.6875rem;
    --fs-xs:  0.75rem;
    --fs-sm:  0.8125rem;
    --fs-base: 0.875rem;
    --fs-md:  0.9375rem;
    --fs-lg:  1rem;
    --fs-xl:  1.125rem;
    --fs-2xl: 1.3125rem;
    --fs-3xl: 1.4375rem;
    --fs-4xl: 1.625rem;
    --fs-5xl: 2rem;
    --fs-6xl: 2.25rem;

    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-full: 99px;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
}