/* generated from design/tokens.json by site/lib/tokens.ts - do not edit */
:root { --font: 'Schibsted Grotesk', 'Segoe UI', system-ui, sans-serif; --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace; --wm-dim: 0.13; --wm-unselected: 0.4; --wm-stroke: 1.4px; --wm-stroke-narrow: 0.6px; --wm-hover-ms: 120ms; --wm-hover-ease: ease-out; --wm-dim-ms: 180ms; --wm-dim-ease: ease-out; --wm-panel-ms: 220ms; --wm-panel-ease: ease-out; --wm-panel-from: translateY(24px); --wm-sheet-ms: 240ms; --wm-sheet-ease: ease-out; --r-chip: 6px; --r-pill: 17px; --r-card: 12px; --r-panel: 16px; --r-sheet: 20px; --gutter: 20px; --panel-desktop: 400px; --panel-tablet: 340px; --left-column: 280px; --topbar: 56px; --bg: #F2F6F7; --surface: #FFFFFF; --text: #0B2233; --muted: #496170; --line: #D2DEE3; --border: var(--line); --link: #05509B; --accent: #0A7A6C; --accent-strong: var(--link); --focus: var(--link); --surface-2: color-mix(in srgb, var(--line) 45%, var(--surface)); --chip-bg: #0B2233; --chip-text: #BDF5D2; --on-area: #FFFFFF; --area-developer-tools: #05509B; --area-expense-agent: #C74A12; --area-supply-chain: #1F6DBD; --area-reporting-and-analytics: #B62C84; --area-integration: #087F86; --area-sustainability: #4F7F12; --area-e-documents: #96690A; --area-finance: #0B7F5C; --area-admin-and-platform: #566B78; --area-copilot-and-agents: #6D45D0; color-scheme: light; }
:root[data-theme="dark"] { --bg: #071620; --surface: #0F2431; --text: #E6F3F5; --muted: #93AEBB; --line: #21404F; --border: var(--line); --link: #6FD8F0; --accent: #7BEFD2; --accent-strong: var(--link); --focus: var(--link); --surface-2: color-mix(in srgb, var(--line) 45%, var(--surface)); --chip-bg: #7BEFD2; --chip-text: #071620; --on-area: #071620; --area-developer-tools: #5B9DF0; --area-expense-agent: #FF8A5C; --area-supply-chain: #7CC6F5; --area-reporting-and-analytics: #F06CB8; --area-integration: #2ED9CF; --area-sustainability: #9BD148; --area-e-documents: #E0A63A; --area-finance: #2FCB9E; --area-admin-and-platform: #A9BCC7; --area-copilot-and-agents: #A98BF5; color-scheme: dark; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #071620; --surface: #0F2431; --text: #E6F3F5; --muted: #93AEBB; --line: #21404F; --border: var(--line); --link: #6FD8F0; --accent: #7BEFD2; --accent-strong: var(--link); --focus: var(--link); --surface-2: color-mix(in srgb, var(--line) 45%, var(--surface)); --chip-bg: #7BEFD2; --chip-text: #071620; --on-area: #071620; --area-developer-tools: #5B9DF0; --area-expense-agent: #FF8A5C; --area-supply-chain: #7CC6F5; --area-reporting-and-analytics: #F06CB8; --area-integration: #2ED9CF; --area-sustainability: #9BD148; --area-e-documents: #E0A63A; --area-finance: #2FCB9E; --area-admin-and-platform: #A9BCC7; --area-copilot-and-agents: #A98BF5; color-scheme: dark; } }
@media (prefers-reduced-motion: reduce) { :root { --wm-hover-ms: 0ms; --wm-dim-ms: 0ms; --wm-panel-ms: 0ms; --wm-sheet-ms: 0ms; } }