:root{--font-sans: "Inter", sans-serif;--font-heading: "Montserrat", sans-serif;--color-white: #ffffff;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--primary: #0A2351;--accent: #FDB813;--bg-body: #F4F7FB;--bg-surface: var(--color-white);--bg-panel: var(--color-white);--bg-input: var(--color-white);--bg-hover: #F8FAFC;--bg-main-content: #F4F7FB;--text-main: var(--color-slate-900);--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-on-accent: var(--color-white);--border-light: var(--color-slate-200);--border-medium: var(--color-slate-300);--nav-bg: var(--color-white);--nav-text: var(--color-slate-600);--nav-border: var(--color-slate-200);--ws-bg-body: #f3f4f6;--ws-nav-bg: #1e293b;--ws-nav-text: #f8fafc;--ws-nav-border: #334155;--ws-sidebar-bg: var(--color-white);--ws-sidebar-border: var(--color-slate-200);--container-max: 1600px;--header-h-desktop: 64px;--header-h-mobile: 48px;--sidebar-w: 260px;--px-desktop: 32px;--px-tablet: 20px;--px-mobile: 16px;--py-desktop: 48px;--py-tablet: 32px;--py-mobile: 24px;--gap-desktop: 24px;--gap-tablet: 16px;--gap-mobile: 12px}html.dark{--bg-body: #000000;--bg-surface: #0f172a;--bg-panel: var(--color-slate-900);--bg-input: var(--color-slate-900);--bg-hover: var(--color-slate-700);--bg-main-content: #020617;--text-main: var(--color-slate-50);--text-secondary: var(--color-slate-300);--text-muted: var(--color-slate-500);--border-light: var(--color-slate-800);--border-medium: var(--color-slate-700);--nav-bg: var(--color-slate-900);--nav-text: var(--color-slate-300);--nav-border: var(--color-slate-800);--ws-bg-body: #020617;--ws-nav-bg: #0f172a;--ws-nav-text: #f1f5f9;--ws-nav-border: #1e293b;--ws-sidebar-bg: #1e293b;--ws-sidebar-border: #334155}:root{--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-pill: 9999px;--shape-card: var(--radius-sm);--shape-control: var(--radius-xs);--shape-inset: var(--radius-xs);--shadow-xs: 0 1px 2px rgba(10,20,40,.05);--shadow-sm: 0 1px 3px rgba(10,20,40,.06), 0 1px 2px rgba(10,20,40,.04);--shadow-md: 0 4px 12px rgba(10,20,40,.08), 0 2px 6px rgba(10,20,40,.04);--shadow-lg: 0 12px 28px -12px rgba(10,20,40,.2), 0 4px 10px rgba(10,20,40,.06);--shadow-xl: 0 24px 48px -16px rgba(10,20,40,.24), 0 8px 16px rgba(10,20,40,.1);--shadow-navy: 0 8px 24px -10px rgba(10,35,81,.45);--shadow-accent: 0 8px 24px -10px rgba(253,184,19,.45);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .35s;--measure: 68ch;--measure-form: 640px}html.dark{--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.35);--shadow-lg: 0 12px 28px -12px rgba(0,0,0,.6), 0 4px 10px rgba(0,0,0,.4);--shadow-xl: 0 24px 48px -16px rgba(0,0,0,.65), 0 8px 16px rgba(0,0,0,.45)}.project-layout,.project-content{--shape-card: var(--radius-sm);--shape-control: var(--radius-xs);--shape-inset: var(--radius-xs)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}