:root{--slate-0: #ffffff;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--green-50: #f0fdf4;--green-100: #dcfce7;--green-200: #bbf7d0;--green-600: #16a34a;--green-800: #166534;--amber-50: #fffbeb;--amber-100: #fef3c7;--amber-200: #fde68a;--amber-500: #f59e0b;--amber-600: #d97706;--amber-800: #92400e;--amber-900: #78350f;--red-50: #fef2f2;--red-200: #fecaca;--red-600: #dc2626;--red-800: #991b1b;--blue-50: #eff6ff;--blue-200: #bfdbfe;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #0369a1;--pink-100: #fce7f3;--pink-800: #9d174d;--violet-100: #ede9fe;--violet-800: #5b21b6;--white-rgb: 255, 255, 255;--black-rgb: 0, 0, 0;--shadow-rgb: var(--black-rgb);--success-rgb: 22, 163, 74;--warning-rgb: 146, 64, 14;--error-rgb: 220, 38, 38;--text-primary: var(--slate-900);--text-heading: var(--slate-800);--text-strong: var(--slate-700);--text-secondary: var(--slate-600);--text-light: var(--slate-500);--text-muted: var(--slate-400);--text-subtle: var(--slate-400);--text-inverse: var(--slate-0);--text-inverse-soft: var(--slate-200);--text-inverse-dim: var(--slate-300);--bg-page: var(--slate-50);--bg-card: var(--slate-0);--bg-subtle: var(--slate-100);--bg-hover: var(--slate-100);--bg-muted: var(--slate-100);--bg-emphasis: var(--slate-200);--bg-muted-hover: var(--slate-200);--bg-subtle-hover: var(--slate-200);--bg-inverse: var(--slate-900);--overlay-scrim: rgba(var(--black-rgb), .5);--overlay-scrim-light: rgba(var(--black-rgb), .3);--border-default: var(--slate-200);--border-light: var(--slate-100);--border-subtle: var(--slate-100);--border-strong: var(--slate-300);--shadow-sm: 0 1px 2px rgba(var(--shadow-rgb), .05);--shadow-md: 0 2px 8px rgba(var(--shadow-rgb), .08);--shadow-lg: 0 4px 16px rgba(var(--shadow-rgb), .1);--header-bg: var(--slate-900);--footer-bg: var(--slate-900);--bg-footer: var(--slate-900);--bg-footer-accent: var(--slate-900);--text-footer: var(--slate-200);--color-success: var(--green-600);--color-success-bg: var(--green-100);--color-success-border: var(--green-200);--color-success-text: var(--green-800);--color-success-bg-soft: var(--green-50);--color-success-light: rgba(22, 163, 74, .1);--color-warning: var(--amber-800);--color-warning-base: var(--amber-600);--color-warning-bg: var(--amber-100);--color-warning-bg-soft: var(--amber-50);--color-warning-vivid: var(--amber-500);--color-warning-border: var(--amber-200);--color-warning-text: var(--amber-800);--color-warning-fg-soft: var(--amber-900);--color-error: var(--red-600);--color-error-bg: var(--red-50);--color-error-border: var(--red-200);--color-error-text: var(--red-800);--color-info: var(--blue-600);--color-info-bg: var(--blue-50);--color-info-border: var(--blue-200);--color-info-border-strong: #93c5fd;--color-info-text: var(--blue-900);--color-info-text-strong: var(--blue-800);--difficulty-beginner-bg: var(--color-success-bg);--difficulty-beginner-fg: var(--color-success-text);--difficulty-intermediate-bg: var(--color-info-bg);--difficulty-intermediate-fg: var(--color-info-text-strong);--difficulty-advanced-bg: var(--color-warning-bg);--difficulty-advanced-fg: var(--color-warning-text);--difficulty-expert-bg: var(--pink-100);--difficulty-expert-fg: var(--pink-800);--difficulty-mixed-bg: var(--violet-100);--difficulty-mixed-fg: var(--violet-800);--radius-xs: .25rem;--radius-sm: .25rem;--radius-md: .25rem;--radius-lg: .25rem;--radius-xl: .25rem;--radius-pill: .5rem;--radius-full: 9999px;--spacing-lg: 1.5rem;--ink-rgb: 15, 23, 42;--brand-primary: var(--slate-900);--brand-primary-rgb: var(--ink-rgb);--brand-primary-dark: var(--slate-800);--brand-primary-hover: var(--slate-800);--brand-primary-light: rgba(var(--ink-rgb), .08);--brand-primary-ring: rgba(var(--ink-rgb), .2);--brand-primary-fg: var(--slate-0);--brand-primary-on-light: var(--slate-900);--brand-accent: var(--slate-900);--brand-accent-rgb: var(--ink-rgb);--brand-accent-dark: var(--slate-800);--brand-accent-hover: var(--slate-800);--brand-accent-light: rgba(var(--ink-rgb), .08);--brand-accent-ring: rgba(var(--ink-rgb), .2);--brand-accent-fg: var(--slate-0);--brand-accent-on-light: var(--slate-900);--brand-cta: var(--slate-900);--brand-cta-rgb: var(--ink-rgb);--brand-cta-dark: var(--slate-800);--brand-cta-hover: var(--slate-800);--brand-cta-light: rgba(var(--ink-rgb), .08);--brand-cta-ring: rgba(var(--ink-rgb), .2);--brand-cta-fg: var(--slate-0);--brand-cta-on-light: var(--slate-900);--color-primary: var(--brand-primary);--accent-color: var(--brand-primary);--accent-subtle: var(--brand-primary-light);--color-text: var(--text-primary);--color-text-muted: var(--text-light);--color-muted: var(--text-secondary);--text-color: var(--slate-800);--color-surface: var(--bg-card);--color-surface-alt: var(--bg-page);--color-surface-muted: var(--bg-page);--color-surface-strong: var(--slate-900);--color-bg-subtle: var(--bg-page);--surface-subtle: var(--bg-page);--surface-2: var(--bg-page);--card-bg: var(--bg-card);--bg-color: var(--bg-page);--color-border: var(--border-default);--color-border-light: var(--border-default);--border-color: var(--border-default);--border-color-light: var(--border-strong);--border-color-strong: var(--border-strong);--border: var(--border-default);--color-danger: var(--color-error);--danger-color: var(--color-error);--success-color: var(--color-success);--warning-color: var(--color-warning);--color-success-fg: var(--color-success-text);--color-warning-fg: var(--color-warning-text);--primary-color: var(--blue-600);--primary-hover: var(--blue-700);--sidebar-bg: var(--slate-800);--sidebar-text: var(--slate-50)}