:root{--color-petrooli:#094f7c;--color-laivasto:#002136;--color-keskisininen:#0081b2;--color-turkoosi:#02c4e4;--color-oranssi:#ff8a00;--color-pinkki:#ff94cf;--color-varoitus:#cc2d35;--color-keltaoranssi:#f9c51a;--color-keskisininen-a11y:#0078a5;--color-bg-sininen:#ebfcff;--color-bg-pinkki:#faebf3;--color-bg-oranssi:#fff4e6;--color-vaaleaturkoosi:#b0f4ff;--color-valkoinen:#ffffff;--surface-0:#ffffff;--surface-1:#f8fafc;--text-primary:#000000;--text-secondary:#4a4a4a;--text-inverse:#ffffff;--fg-1:var(--text-primary);--fg-2:var(--text-secondary);--fg-inverse:var(--text-inverse);--bg-page:var(--surface-0);--bg-alt:var(--surface-1);--bg-info:var(--color-bg-sininen);--bg-info-warm:var(--color-bg-pinkki);--bg-success:var(--color-vaaleaturkoosi);--border-color:var(--color-keskisininen);--border-strong:var(--color-petrooli);--link:var(--color-petrooli);--link-hover:var(--color-keskisininen-a11y);--accent:var(--color-petrooli);--accent-deep:var(--color-laivasto);--font-family:Lexend Variable, Lexend, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Menlo, Monaco, Consolas, monospace;--text-xs:0.778rem;--text-sm:0.889rem;--text-base:1rem;--text-lg:1.111rem;--text-xl:1.222rem;--text-2xl:1.444rem;--text-3xl:1.778rem;--text-4xl:2.222rem;--text-5xl:2.667rem;--text-6xl:clamp(2.333rem, 4vw, 4rem);--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--lh-heading:1.3;--lh-body:1.7;--lh-display:1.1;--ls-label:0.05em;--ls-title:0.03em;--ls-display:-0.01em;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--radius-0:0;--radius:6px;--radius-full:9999px;--border-1:1px;--border-2:2px;--border-3:3px;--touch-min:44px;--touch-comfortable:52px;--ease-standard:cubic-bezier(0.4, 0, 0.2, 1);--duration-fast:150ms;--duration-default:300ms;--z-base:0;--z-dropdown:100;--z-sticky:500;--z-modal-backdrop:9998;--z-modal:9999;--header-height:64px}