/* ============================================================================
   One palette, loaded before every other stylesheet.

   Identity is a PAIR, not a single accent: a cold beam and a warm beam, the
   two lamps you would point at a stage. Everything branded is built from that
   pair or the gradient between them.

   The traffic-light trio below is reserved for STATE - the countdown, a
   connection dot, a danger button. Nothing decorative may use it, because the
   moment green/amber/red also mean "this is our brand colour" the room stops
   reading the clock at a glance. That is exactly what the previous gold did:
   the brand chip and the ten-seconds-left ring were the same hue.
   ========================================================================== */

:root {
  /* ground */
  --ink:        #100d18;   /* deepest, page background */
  --ink-2:      #171227;
  --card:       #1b1530;
  --card-2:     #241c3e;

  /* ink on ground */
  --paper:      #f3f0fa;
  --muted:      #a096bd;
  --line:       rgba(255, 255, 255, .11);
  --glass:      rgba(255, 255, 255, .05);
  --glass-2:    rgba(255, 255, 255, .08);

  /* the two beams - identity */
  --beam-cold:  #5b8cff;
  --beam-warm:  #e754c8;
  --beam-deep:  #a134c9;
  --accent:     var(--beam-warm);
  --accent-deep: var(--beam-deep);
  --accent-2:   var(--beam-cold);
  --accent-3:   #8b5cf6;
  --beam: linear-gradient(120deg, var(--beam-cold), var(--beam-warm));

  /* state only - never decoration */
  --green:      #35d69b;
  --amber:      #f7b23b;
  --rose:       #fb5473;

  --shadow:     0 30px 80px rgba(0, 0, 0, .6);
  --ease:       cubic-bezier(.22, .9, .28, 1);

  --font: "Segoe UI Variable Display", "Segoe UI", Inter, -apple-system,
          BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-ui: "Segoe UI Variable Text", "Segoe UI", Inter, -apple-system,
             BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
}