/* =========================================================
   Talks Deck Palette — Max Riechelmann
   ---------------------------------------------------------
   THE colour scheme of this site. Every page and every deck
   gets its colours from here — either directly (landing page,
   the three self-contained decks) or through common/theme.css,
   which imports this file. No other file in the repo declares
   a colour.

   The accent blue matches the main site (kaikas.net / #2166A5).

   Everything below the raw values is a semantic alias. Decks use
   the aliases (--bg, --ink, --accent, …), never the raw names, so
   a palette swap stays a nine-line edit.
   ========================================================= */

:root {
  /* ---------- Raw palette ---------- */
  --hull:        #0D1A23;   /* page — the wallpaper's own dark corner */
  --hull-light:  #16262F;   /* cards */
  --slate:       #2F4352;   /* borders, hover */
  --slate-light: #42596A;   /* dim borders */
  --slate-text:  #7C8F9C;   /* secondary text */
  --teal:        #2166A5;   /* the single accent */
  --teal-bright: #3F8FD6;   /* links, active text */
  --sky:         #CDD8DE;   /* foreground */
  --sky-bright:  #EAF1F5;   /* foreground on a selected surface */

  /* ---------- Surfaces ---------- */
  --bg:          var(--hull);
  --bg-elev:     #12212A;   /* one step above the page */
  --bg-card:     var(--hull-light);
  --bg-sunken:   #0A1620;   /* code blocks — one step below the page */
  --line:        var(--slate);
  --line-soft:   #22333F;   /* separators inside a card */

  /* ---------- Text ---------- */
  --ink:         var(--sky-bright);
  --ink-dim:     var(--sky);
  --ink-mute:    var(--slate-text);

  /* ---------- Accent ---------- */
  --accent:        var(--teal);
  --accent-bright: var(--teal-bright);
  --accent-glow:   #6AB3EA;   /* the one value brighter than the palette: glow dots */
  --accent-pale:   #B8D4EC;   /* mid stop of the title-headline gradient */

  /* Tints of the accent. rgba() cannot take a var() colour, so the
     numbers are accent 33 102 165 and accent-bright 63 143 214 spelled out. */
  --accent-soft:   rgba(33, 102, 165, 0.16);   /* pill and chip fills */
  --accent-wash:   rgba(33, 102, 165, 0.08);   /* code-block title bar */
  --accent-line:   rgba(33, 102, 165, 0.30);   /* hairline on a tinted panel */
  --bright-line:   rgba(63, 143, 214, 0.45);   /* border on hover */
  --grid-line:     rgba(33, 102, 165, 0.04);   /* the background graph paper */
  --glow-soft:     rgba(63, 143, 214, 0.30);   /* logo and dot drop-shadows */
  --scrim:         rgba(13, 26, 35, 0.70);     /* slide number, panels over content */

  /* ---------- Attention (amber and green are the only non-accent hues) ---------- */
  --warn:        #FFB266;
  --warn-soft:   rgba(255, 153, 51, 0.12);
  --warn-line:   rgba(255, 153, 51, 0.30);
  --good:        #7FD98B;

  /* ---------- Geometry & type ---------- */
  --radius:      12px;
  --radius-lg:   18px;

  --font-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:   'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}