/* assets/css/tokens.css
   COLORS + FONTS ONLY. The one file to edit to re-skin portal-x.net.
   Palette from the Portal-X brand manual (Oct 2026): Azul vibrante #10069F, Azul portal #008AD8,
   Cyan portal #78CAD1, Negro #1A1A1A, Gris #F2F2F2. Client rule: deep blues, aquas, never purple.
   Note: the HEX codes printed in the manual are template leftovers; these were sampled from its swatches. */
:root{
  /* Space */
  --bg:          #020620;   /* deep space, a near-black Azul vibrante */
  --bg-2:        #040A30;   /* raised sections */
  --surface:     rgba(5,10,44,.58);    /* cards: darker and see-through (Paula's note: boxes looked washed out) */
  --surface-2:   rgba(10,20,72,.62);   /* card hover / highlighted card */

  /* Text */
  --ink:         #EAF2FF;   /* main text, star white with a blue tint */
  --muted:       #94A7C6;   /* secondary text */
  --faint:       #5D7196;   /* tertiary text, captions */

  /* Light */
  --accent:      #78CAD1;   /* Cyan portal: eyebrows, highlights, links, focus */
  --accent-2:    #008AD8;   /* Azul portal: primary buttons, date chips */
  --brand:       #10069F;   /* Azul vibrante: start of the brand gradient, background glow */
  --grad:        linear-gradient(120deg, #10069F 0%, #0A3FC0 45%, #008AD8 100%);
  --grad-text:   linear-gradient(100deg, #1E7BEA 0%, #5FA9F0 45%, #E6F0FF 100%);   /* highlight words in titles (Paula's sample) */
  --aqua:        #78CAD1;   /* aqua highlight, used sparingly */
  --warm:        #FFE6C4;   /* warm star tint, used only in the starfield */

  /* Lines and glows (translucent versions of the palette) */
  --line:        rgba(148,167,198,.16);
  --line-strong: rgba(148,167,198,.32);
  --glow:        rgba(120,202,209,.38);
  --glow-soft:   rgba(120,202,209,.12);
  --blue-soft:   rgba(0,138,216,.18);
  --shade:       rgba(2,6,32,.74);
  --shade-soft:  rgba(2,6,32,.35);

  /* WhatsApp button */
  --wa:          #25D366;
  --wa-ink:      #03210F;

  /* Footer credit (read by the EKY credit logo) */
  --footer-bg:   #01041A;
  --footer-fg:   #C9D6EC;

  /* Fonts: Kumbh Sans for headings, text and labels; DM Serif Display only for highlight words and quotes. Kumbh Sans (free Google font, closest match to the brand's
     Gravita GEO, which is a paid font) for everything else */
  --font-display: 'Kumbh Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;   /* headings: brand font look (option B) */
  --font-accent:  'DM Serif Display', Georgia, 'Times New Roman', serif;           /* highlight words (italic, gradient) and quotes. Chosen by Paula */
  --font-body:    'Kumbh Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-label:   'Kumbh Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;   /* small uppercase labels (was a code-style font; Paula asked to change it) */

  /* Layout */
  --max: 1200px;
  --radius: 18px;
}