:root{color-scheme:light;--color-surface:#f5f5f7;--color-surface-card:#ffffff;--color-surface-card-hover:#fbfbfc;--color-surface-glass:rgba(255,255,255,0.78);--color-surface-inset:#ececef;--color-border:#d2d2d7;--color-border-subtle:rgba(210,210,215,0.68);--color-text-primary:#1d1d1f;--color-text-secondary:#626268;--color-text-tertiary:#85858b;--color-text-inverse:#ffffff;--color-action:#007f77;--color-action-hover:#006d67;--color-action-pressed:#005c57;--color-action-soft:rgba(0,127,119,0.1);--color-text-link:var(--color-action);--color-text-link-hover:var(--color-action-hover);--color-success:#16835b;--color-warning:#a86400;--color-danger:#c63b32;--color-info:#2563a8;--gradient-primary-from:var(--color-action);--gradient-primary-via:#008f86;--gradient-primary-to:#19a398;--color-accent-gold:#9a7432;--color-accent-gold-soft:rgba(154,116,50,0.12);--color-glow:rgba(0,127,119,0.14);--color-glow-strong:rgba(0,127,119,0.22);--radius-sm:0.375rem;--radius-md:0.625rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 14px rgba(0,0,0,0.06);--shadow-lg:0 14px 36px rgba(0,0,0,0.09);--shadow-xl:0 24px 64px rgba(0,0,0,0.12);--shadow-glass:0 12px 36px rgba(0,0,0,0.08);--shadow-card:0 1px 2px rgba(0,0,0,0.035),0 4px 14px rgba(0,0,0,0.035);--shadow-card-hover:0 12px 30px rgba(0,0,0,0.08);--shadow-glow:0 0 20px var(--color-glow);--shadow-glow-lg:0 0 40px var(--color-glow-strong);--spacing-page-x:clamp(1rem,3vw,2rem);--spacing-section-y:clamp(3.5rem,7vw,6rem);--transition-fast:150ms ease;--transition-base:200ms ease-out;--transition-slow:320ms cubic-bezier(0.16,1,0.3,1)}.dark{color-scheme:dark;--color-surface:#0f1012;--color-surface-card:#191a1d;--color-surface-card-hover:#1e2023;--color-surface-glass:rgba(25,26,29,0.8);--color-surface-inset:#121315;--color-border:#34363b;--color-border-subtle:rgba(74,76,82,0.55);--color-text-primary:#f5f5f7;--color-text-secondary:#b7b7bd;--color-text-tertiary:#8d8e95;--color-text-inverse:#ffffff;--color-action:#43bdb4;--color-action-hover:#63ccc3;--color-action-pressed:#2aa59c;--color-action-soft:rgba(67,189,180,0.14);--color-success:#56b88c;--color-warning:#d89a42;--color-danger:#ef746d;--color-info:#79aee8;--color-accent-gold:#d0ad6b;--color-accent-gold-soft:rgba(208,173,107,0.12);--color-glow:rgba(67,189,180,0.1);--color-glow-strong:rgba(67,189,180,0.18);--shadow-card:0 1px 2px rgba(0,0,0,0.24),0 8px 24px rgba(0,0,0,0.12);--shadow-card-hover:0 16px 36px rgba(0,0,0,0.24)}