@import url('tokens-base.css');
@layer tokens {
  :root {
    --brand-l: 0.1457;  --brand-c: 0.0657;  --brand-h: 261.7;
    --accent-l: 0.62; --accent-c: 0.1; --accent-h: 60;
    --neutral-c: 0.008;
    --scheme-default: light;
    --font-display: "Schibsted Grotesk", system-ui, sans-serif;
    --font-body: "Schibsted Grotesk", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;
    --ratio: 1.25;
    --measure: 66ch;
    --radius-unit: 12px;
    --border-w: 1px;
    --dur-base: 160ms;
    --surface-0: oklch(1 0 0);
    --surface-1: oklch(0.968 0.004 262);
    --surface-2: oklch(0.985 0.003 262);
    --surface-3: oklch(0.932 0.007 262);
    --surface-inverse: oklch(0.1457 0.0657 261.7);
    --surface-inverse-2: oklch(0.235 0.052 262);
    --surface-brand: oklch(0.1457 0.0657 261.7);
    --border: oklch(0.878 0.009 262);
    --border-strong: oklch(0.63 0.03 262);
    --focus: oklch(0.5 0.16 262);
    --border-soft: oklch(0.936 0.005 262);
    --text-1: oklch(0.2 0.045 262);
    --text-2: oklch(0.44 0.028 262);
    --text-3: oklch(0.52 0.024 262);
    --text-on-brand: oklch(0.985 0.004 262);
    --text-brand: oklch(0.35 0.1 262);
    --action: oklch(0.4 0.125 262);
    --action-soft: oklch(0.945 0.03 262);
    --link: oklch(0.42 0.12 262);
    --link-inverse: oklch(0.86 0.06 262);
    --accent: oklch(0.62 0.1 60);
    --brand-whatsapp: oklch(0.755 0.201 149.6);
    --brand-whatsapp-ink: oklch(1 0 0);
  }
}