/* Exjobbsbarometern tokens, from the design system "Stilguide för utvecklare"
   (https://claude.ai/artifact/QyvAmaMwvWPMZkiDSa2Nwg). Light is the default; dark follows the
   OS unless the page sets data-theme, and data-theme wins in both directions. */
:root, [data-theme="light"] {
  --paper: #f6f7f7; --surface: #ffffff; --sunken: #eceff1; --highlight: #e8eff9;
  --ink: #0e1a24; --ink-2: #2f3d4a; --muted: #566371; --hairline: #d3d9de; --grid: #e4e8eb;
  --rule: var(--ink); --focus: #2360c4; --inverse: #0e1a24; --on-inverse: #f6f7f7;
  --data-uppsats: #2360c4; --data-uppsats-text: #1c52ad; --data-uppsats-tint: #dbe6f7;
  --data-annons: #d26a00; --data-annons-text: #a34f00; --data-annons-tint: #fbe6cf;
  --data-then: #7c8895; --data-now: var(--ink); --data-falling: #c0223b; --data-falling-text: #b01e36;
  --data-rising: var(--ink); --data-cat-teal: #0b7f6b; --data-cat-plum: #8d3f9e; --data-cat-olive: #6b5b00;
  --on-data: #ffffff;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0c1218; --surface: #121a22; --sunken: #0a0f14; --highlight: #172638;
    --ink: #e7ecf0; --ink-2: #c3ccd4; --muted: #94a2af; --hairline: #26323d; --grid: #1c2630;
    --rule: var(--ink); --focus: #8db5f6; --inverse: #e7ecf0; --on-inverse: #0c1218;
    --data-uppsats: #6c9ff2; --data-uppsats-text: #8db5f6; --data-uppsats-tint: #1a2c47;
    --data-annons: #f29a3c; --data-annons-text: #f5ad61; --data-annons-tint: #3a2710;
    --data-then: #6f7c89; --data-now: var(--ink); --data-falling: #ff6f7f; --data-falling-text: #ff8a97;
    --data-rising: var(--ink); --data-cat-teal: #3cc2a5; --data-cat-plum: #e38fcf; --data-cat-olive: #b6d35a;
    --on-data: #0c1218;
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --paper: #0c1218; --surface: #121a22; --sunken: #0a0f14; --highlight: #172638;
  --ink: #e7ecf0; --ink-2: #c3ccd4; --muted: #94a2af; --hairline: #26323d; --grid: #1c2630;
  --rule: var(--ink); --focus: #8db5f6; --inverse: #e7ecf0; --on-inverse: #0c1218;
  --data-uppsats: #6c9ff2; --data-uppsats-text: #8db5f6; --data-uppsats-tint: #1a2c47;
  --data-annons: #f29a3c; --data-annons-text: #f5ad61; --data-annons-tint: #3a2710;
  --data-then: #6f7c89; --data-now: var(--ink); --data-falling: #ff6f7f; --data-falling-text: #ff8a97;
  --data-rising: var(--ink); --data-cat-teal: #3cc2a5; --data-cat-plum: #e38fcf; --data-cat-olive: #b6d35a;
  --on-data: #0c1218;
  color-scheme: dark;
}
:root {
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px;
  --space-6: 32px; --space-7: 48px; --space-8: 72px; --space-9: 96px;
  --radius-0: 0px; --radius-1: 2px; --radius-2: 4px; --radius-bar: 999px;
  --stroke-hair: 1px; --stroke-mark: 2px; --stroke-rule: 4px; --bar-thickness: 12px;
  --page-max: 1280px; --measure: 680px; --phone: 390px;
  --font-sans: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono: "Martian Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
}