/* Senseworks design tokens.
 *
 * Source of truth: the design-system artifact
 * 92778a19-2d9a-4900-8e19-d42a32be7f7a. Values are copied from it, not
 * invented here. When that artifact changes, re-export this file rather
 * than hand-editing individual values.
 *
 * This copy is served directly by external-api and linked by both documentation
 * pages. Font faces live in docs.css and load the local Aeonik WOFF2 files.
 * No CSS inlining or artifact generator is used in this repository.
 */

:root{
  /* neutrals */
  --sw-ink:#101829;
  --sw-gray-900:#3D3D40;
  --sw-gray-700:#575757;
  --sw-gray-600:#6B6B6E;
  --sw-gray-400:#DDE0E4;
  --sw-gray-300:#E8E8E9;
  --sw-gray-200:#F2F2F3;
  --sw-gray-100:#F4F4F5;
  --sw-white:#FFFFFF;

  /* signature accent */
  --sw-signature:#FBFEAC;

  /* product colours, five shades each */
  --audit-001:#422D7F;  --audit-002:#6646AC;  --audit-003:#B38AFF;
  --audit-004:#C9AFFF;  --audit-005:#DFD4FF;
  --analytics-001:#005132; --analytics-002:#1D7C51; --analytics-003:#5EEC94;
  --analytics-004:#87F1AD; --analytics-005:#AEF7C7;
  --api-001:#664400; --api-002:#FFAD00; --api-003:#FFC13C;
  --api-004:#FFE580; --api-005:#FFF5CC;

  /* semantic */
  --color-danger:#F20909;

  /* roles */
  --text-primary:var(--sw-ink);
  --text-secondary:var(--sw-gray-700);
  --text-muted:var(--sw-gray-600);
  --surface-page:var(--sw-white);
  --surface-card:var(--sw-gray-100);
  --surface-sunken:var(--sw-gray-200);
  --border-subtle:var(--sw-gray-400);

  /* gradients, anchored lower right */
  --gradient-senseworks:linear-gradient(128deg,var(--sw-gray-200) 0%,var(--sw-signature) 150%);
  --gradient-audit:linear-gradient(128deg,var(--sw-gray-200) 0%,var(--audit-005) 130%);
  --gradient-analytics:linear-gradient(128deg,var(--sw-gray-200) 0%,var(--analytics-005) 130%);
  --gradient-api:linear-gradient(128deg,var(--sw-gray-200) 0%,var(--api-005) 130%);

  /* type */
  --font-sans:'Aeonik',-apple-system,'Segoe UI',Arial,sans-serif;
  --font-data:'Roboto',var(--font-sans);

  /* radii, 8px rhythm, elevation */
  --radius-sm:4px; --radius-md:8px; --radius-lg:16px; --radius-xl:24px; --radius-pill:999px;
  --space-2:8px;
  --shadow-xs:0 1px 2px rgba(16,24,41,.05);
  --shadow-sm:0 1px 3px rgba(16,24,41,.06),0 1px 2px rgba(16,24,41,.04);
  --shadow-md:0 6px 20px rgba(16,24,41,.08);
  --shadow-lg:0 18px 50px rgba(16,24,41,.12);
  --glass-bg:rgba(255,255,255,.55);
  --glass-blur:blur(20px);
  --glass-shadow:0 8px 32px rgba(16,24,41,.10);
}

/* Dark theme is NOT defined by the design-system artifact, which commits to
 * a light world ("hall bakgrunden ljus" is called out as a brand trait).
 * A scrolling artifact still renders in the viewer's theme and must paint
 * its own ground, so a page that needs dark either defines the role tokens
 * below for itself or commits to light deliberately and says so. Do not
 * invent a dark palette here and let it drift from the artifact. */