/* Gligabao site theme: every color used by the site is defined here.
   Edit these variables (or override them in a later stylesheet / media query) to re-theme the site.
   Consumed by the inline <style> in index.html and by hero-art.js (the --art-* vars). */
:root {
  /* Base */
  --bg: #121214;               /* page background */
  --fg: #e8ecf8;               /* primary text */
  --muted: #a5a5ae;            /* secondary text */
  --accent: #ff8c00;           /* links, highlights, hover borders */
  --accent-contrast: #241100;  /* text on accent-filled buttons */
  --line: #2e2e34;             /* borders / dividers */

  /* Surfaces */
  --card: #1c1c20;             /* cards, details, tech tiles */
  --card-hover: #25252a;       /* hovered / featured cards */
  --surface-deep: #18181c;     /* code title bar, tooltips */
  --code-bg: #0d0d0f;          /* code block body */
  --image-bg: #f6efdc;         /* behind the remember/query diagrams */

  /* Buttons / nav */
  --btn-bg: #26262b;           /* nav links, ghost button */
  --btn-bg-hover: #303036;
  --btn-light-bg: #545454;     /* third nav row (Evals, Fine-tuning, Admin UI, FAQ) */
  --btn-light-bg-hover: #6a6a6a;
  --btn-light-fg: #f2f2f5;
  --cta-bg: #c24e00;           /* Docs / GitHub buttons */
  --cta-bg-hover: #a84300;
  --cta-fg: #ffffff;

  /* Section highlight (animated as sections scroll into view; applies to the hero too) */
  --section-bg: rgba(225, 225, 235, 0);
  --section-bg-active: rgba(225, 225, 235, .09);

  /* Shadows */
  --shadow: rgba(0, 0, 0, .35);
  --shadow-strong: rgba(0, 0, 0, .45);

  /* Hero animation controls (the small dot + sliders) */
  --ctl-fill: rgba(255, 255, 255, .3);
  --ctl-fill-hover: rgba(255, 255, 255, .45);
  --ctl-border: rgba(255, 190, 120, .45);
  --ctl-active: rgba(255, 190, 120, .35);
  --ctl-track: rgba(255, 190, 120, .3);

  /* Code block window dots */
  --dot-red: #ff5f57;
  --dot-yellow: #febc2e;
  --dot-green: #28c840;

  /* Code syntax */
  --syn-text: #d6deeb;
  --syn-dim: #5c6b99;          /* prompts, comments */
  --syn-cmd: #82aaff;
  --syn-keyword: #c792ea;
  --syn-value: #ffcb6b;
  --syn-func: #f78c6c;
  --syn-string: #ff8c00;
  --syn-operator: #89ddff;

  /* Hero particle art (hero-art.js). Space-free "R, G, B" triplets so alpha can be applied in JS. */
  --art-link-rgb: 255, 140, 0;     /* connecting lines */
  --art-dot-rgb: 255, 190, 120;    /* dots */
  --art-label-rgb: 255, 255, 255;  /* word labels / people */
  --art-astro-rgb: 255, 214, 0;    /* astronomy words */
}