/* Xenoss — Color tokens
   Ground truth: Figma presentation decks (Agentic systems, Financial services,
   DOOH, Manufacturing, …). Values transcribed verbatim from the .fig files. */
:root {
  /* ---- Base palette ---- */
  --white: #FFFFFF;
  --black: #000000;
  --ink-700: rgb(54,54,54);       /* default body/heading text on light slides */

  /* Orange — THE brand color (logo, header squares, covers, accents) */
  --orange-500: rgb(254,135,5);   /* primary brand orange */
  --orange-400: rgb(255,151,39);  /* watermark logo base (used at 20% alpha) */
  --orange-watermark: rgba(255,151,39,0.2);
  /* Peach tints — highlight bars, ghost numbers */
  --peach-300: rgb(255,190,120);
  --peach-200: rgb(255,202,145);  /* Figma variable "Orange 4" */
  --peach-150: rgb(255,214,170);  /* highlight-bar fill A */
  --peach-100: rgb(255,219,181);  /* highlight-bar fill B, ghost numerals */

  /* Navy — dark slide backgrounds and panels */
  --navy-900: rgb(15,17,28);      /* dark gradient end */
  --navy-850: rgb(31,35,56);
  --navy-800: rgb(39,45,72);      /* dark gradient start */
  --navy-750: rgb(37,43,68);      /* solid panel / logo strip fill */
  --navy-600: rgb(55,67,113);     /* strokes on dark */
  --navy-500: rgb(74,93,156);     /* vertical divider rule */
  --navy-450: rgb(80,91,140);

  /* Blue — secondary accent family (Figma variables + usage) */
  --blue-700: rgb(77,106,198);    /* Figma "Blue 7" */
  --blue-600: rgb(96,125,245);    /* Figma "Blue 300" */
  --blue-500: rgb(113,142,255);
  --blue-400: rgb(134,158,254);
  --blue-300: rgb(168,186,255);
  --blue-200: rgb(206,216,255);   /* Figma "Blue 2" — subtitle text on dark */
  --blue-100: rgb(228,233,255);   /* Figma "Blue 1" */
  --blue-50:  rgb(244,245,255);

  /* Purple — tertiary accent (gradient blobs, data viz) */
  --purple-500: rgb(152,122,255);
  --purple-300: rgb(196,178,255);
  --purple-100: rgb(232,226,255);

  /* Low-alpha fills used in cards/chips */
  --blue-500-a10: rgba(113,142,255,0.1);
  --purple-500-a10: rgba(152,122,255,0.1);
  --orange-500-a10: rgba(254,135,5,0.1);
  --blue-300-a09: rgba(168,186,255,0.09);

  /* ---- Gradients (slide backgrounds) ---- */
  --gradient-slide-dark: linear-gradient(132.665deg, rgb(39,45,72) 26.3%, rgb(0,0,0) 109.82%); /* @kind color */
  --gradient-slide-dark-vertical: linear-gradient(180deg, rgb(39,45,72) 0%, rgb(15,17,28) 100%); /* @kind color */

  /* ---- Semantic aliases ---- */
  --bg-cover: var(--orange-500);
  --bg-slide-light: var(--white);
  --bg-slide-dark: var(--gradient-slide-dark);
  --bg-panel-dark: var(--navy-750);
  --bg-highlight-bar: var(--peach-150);

  --text-on-light: var(--black);
  --text-body-on-light: var(--ink-700);
  --text-on-dark: var(--white);
  --text-subtitle-on-dark: var(--blue-200);

  --brand-primary: var(--orange-500);
  --divider-rule: var(--navy-500);

  --link-color: var(--blue-700);
  --link-color-hover: var(--blue-500);
}