/* Identity colours: the one place that says which colour each Brand DNA step, AI Council role and help-centre topic wears.
   brand-studio.css, council.css, council-plan.css, onboarding.css and knowledge.css read these names and never pair a
   --viz-* colour with a meaning themselves. Change a pairing here and every page follows. See DESIGNSYSTEM.md.
   The hues come from theme.css in the app (light and dark) and from public.css (--pub-viz-*) for visitors, so this file
   is loaded in both worlds: theme_head.html in the app, knowledge.html on public help pages. */
:root{
  --hue-1:var(--viz-1,var(--pub-viz-1));--hue-2:var(--viz-2,var(--pub-viz-2));--hue-3:var(--viz-3,var(--pub-viz-3));--hue-4:var(--viz-4,var(--pub-viz-4));
  --hue-5:var(--viz-5,var(--pub-viz-5));--hue-6:var(--viz-6,var(--pub-viz-6));--hue-7:var(--viz-7,var(--pub-viz-7));--hue-8:var(--viz-8,var(--pub-viz-8));
  --hue-accent:var(--accent,var(--pub-accent-strong));--hue-neutral:var(--text-subtle,var(--pub-text-subtle));

  /* Brand DNA studio (#313): one colour per step, in the order the customer meets them. */
  --step-materiale:var(--hue-1);--step-maal:var(--hue-3);--step-stemme:var(--hue-7);--step-forslag:var(--hue-5);--step-godkend:var(--hue-4);
  --brand-gradient:linear-gradient(90deg,var(--step-materiale),var(--step-maal),var(--step-stemme),var(--step-forslag),var(--step-godkend));

  /* AI Council (#288): one colour per role (Nova, Penn, Pixel, Tal, Vera) and the plan. */
  --role-strateg:var(--hue-1);--role-tekstforfatter:var(--hue-2);--role-kreativ:var(--hue-3);--role-analytiker:var(--hue-4);--role-kvalitet:var(--hue-5);--role-plan:var(--hue-accent);
  --council-gradient:linear-gradient(90deg,var(--role-strateg),var(--role-tekstforfatter),var(--role-kreativ),var(--role-analytiker),var(--role-kvalitet));

  /* Help centre (#247): the topics run through the colour wheel in the order of knowledge_center.py, from light blue over
     blue, purple, pink, red, orange and yellow to green, so neighbouring cards are neighbouring colours. One token per category id;
     test_identity.py checks the ids. A new category gets a place in the spectrum, and the others move along. */
  --spectrum-1:color-mix(in oklab,var(--hue-1) 70%,var(--hue-3));--spectrum-2:var(--hue-1);--spectrum-3:var(--hue-7);--spectrum-4:var(--hue-5);
  --spectrum-5:var(--hue-8);--spectrum-6:var(--hue-2);--spectrum-7:color-mix(in oklab,var(--hue-2) 50%,var(--hue-4));--spectrum-8:var(--hue-4);
  --spectrum-9:var(--hue-6);--spectrum-10:var(--hue-3);
  --topic-kom-i-gang:var(--spectrum-1);--topic-brand-dna:var(--spectrum-2);--topic-arbejdsrum:var(--spectrum-3);--topic-hurtigt-opslag:var(--spectrum-4);
  --topic-kampagner:var(--spectrum-5);--topic-ai-council:var(--spectrum-6);--topic-ai-billeder:var(--spectrum-7);--topic-leads:var(--spectrum-8);
  --topic-resultater:var(--spectrum-9);--topic-konto:var(--spectrum-10);
}