/* DocPortal – designvariabler (ersätter Graffiti-teman).
 * Lägg på portalens rotelement: <html data-dp data-theme="light|dark" style="--accent:#3654D1">
 * Kundprofil (BrandingResolver) behöver bara sätta --accent (+ ev. --font).
 */
:root,[data-dp]{
  --accent:#3654D1;
  --accent-fg:#fff;
  --bg:oklch(0.995 0.002 90);
  --bg-subtle:oklch(0.977 0.004 90);
  --bg-muted:oklch(0.955 0.005 90);
  --border:oklch(0.915 0.006 90);
  --border-strong:oklch(0.85 0.008 90);
  --fg:oklch(0.23 0.012 265);
  --fg-muted:oklch(0.44 0.012 265);
  --fg-subtle:oklch(0.5 0.01 265);
  --accent-soft:color-mix(in oklch,var(--accent) 9%,var(--bg));
  --accent-text:color-mix(in oklch,var(--accent) 88%,var(--fg));
  --code-bg:oklch(0.972 0.004 265);
  --code-str:oklch(0.5 0.13 150);
  --code-key:oklch(0.48 0.15 265);
  --warning:oklch(0.72 0.15 70);
  --tip:oklch(0.6 0.13 155);
  --font:"Instrument Sans",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --shadow:0 1px 2px oklch(0.2 0.02 265/0.06),0 8px 24px oklch(0.2 0.02 265/0.08);
}
[data-dp][data-theme="dark"]{
  --bg:oklch(0.175 0.01 265);
  --bg-subtle:oklch(0.205 0.011 265);
  --bg-muted:oklch(0.24 0.012 265);
  --border:oklch(0.285 0.012 265);
  --border-strong:oklch(0.36 0.014 265);
  --fg:oklch(0.95 0.005 265);
  --fg-muted:oklch(0.76 0.01 265);
  --fg-subtle:oklch(0.62 0.012 265);
  --accent-soft:color-mix(in oklch,var(--accent) 20%,var(--bg));
  --accent-text:color-mix(in oklch,var(--accent) 55%,white);
  --code-bg:oklch(0.205 0.011 265);
  --code-str:oklch(0.8 0.12 150);
  --code-key:oklch(0.8 0.1 265);
  --shadow:0 1px 2px #0006,0 12px 32px #0008;
}