/* ============================================================
   KullGames — Color tokens
   A Pacific-Northwest palette: gold + indigo from the KULL
   wordmark, land & sky tones sampled from the community's own
   photographs. Base values first, then semantic aliases.
   ============================================================ */
:root {
  /* ---- Brand: gold + amber (the wheat-gold signature) ---- */
  --kg-gold:        #f5c542;   /* signature wheat-gold — primary brand */
  --kg-gold-bright: #ffd84d;   /* hover / highlight gold */
  --kg-amber:       #f0a811;   /* deep amber accent */
  --kg-amber-deep:  #d98a06;   /* hard bottom-edge / readable accent text */
  --kg-gold-soft:   #fdf3d4;   /* pale gold tint for chips / wells */

  /* ---- Ink: deep indigo from the wordmark ---- */
  --kg-ink:    #201233;        /* primary text + dark surfaces */
  --kg-ink-2:  #34234f;        /* lifted indigo surface */
  --kg-ink-3:  #4a3568;        /* hairlines on dark */
  --kg-ink-deep: #16091f;      /* footer / deepest indigo */

  /* ---- Land (sampled from the photos) ---- */
  --kg-wheat:    #e7d3a1;      /* dry field */
  --kg-wheat-lo: #c9a84a;      /* shadowed wheat */
  --kg-forest:   #27543d;      /* evergreen */
  --kg-meadow:   #4f7a3e;      /* spring grass */
  --kg-hill:     #367c5e;      /* logo green hill */
  --kg-moss:     #5f7d3f;      /* PNW moss */

  /* ---- Sky + storm (sampled from the photos) ---- */
  --kg-sky:       #8fb4d6;
  --kg-sky-deep:  #5b86ab;
  --kg-cloud:     #cdd5dd;
  --kg-storm:     #6e7884;
  --kg-storm-dk:  #4d535d;
  --kg-sun-cloud: #e9c79a;     /* warm sunlit cloud edge */
  --kg-water:     #cfe0e2;     /* glacier-river white-green */

  /* ---- Paper / neutrals (cool clear-sky white) ---- */
  --kg-paper:    #f6fafc;      /* page background */
  --kg-paper-2:  #ffffff;      /* raised card */
  --kg-paper-3:  #eaf1f4;      /* sunken well */
  --kg-paper-4:  #dfe9ee;      /* deeper well / active rail */
  --kg-line:     #d8e3e9;      /* hairline border */
  --kg-line-2:   #c4d4dd;      /* stronger border */
  --kg-muted:    #56676f;      /* secondary text */
  --kg-faint:    #8294a0;      /* tertiary / pixel labels */

  /* ---- Functional ---- */
  --kg-live:    #4f9d4f;       /* online / success green */
  --kg-danger:  #d8553f;       /* error / offline */
  --kg-info:    #2f6fb0;       /* informational */
  --kg-discord: #5865f2;       /* Discord brand blue-violet */

  /* ============================================================
     SEMANTIC ALIASES — prefer these in product code
     ============================================================ */
  --text:           var(--kg-ink);
  --text-muted:     var(--kg-muted);
  --text-faint:     var(--kg-faint);
  --text-on-dark:   #ffffff;
  --text-on-gold:   var(--kg-ink);
  --text-accent:    var(--kg-amber-deep);

  --surface-page:    var(--kg-paper);
  --surface-card:    var(--kg-paper-2);
  --surface-sunken:  var(--kg-paper-3);
  --surface-well:    var(--kg-paper-4);
  --surface-dark:    var(--kg-ink);
  --surface-dark-2:  var(--kg-ink-2);

  --border:        var(--kg-line);
  --border-strong: var(--kg-line-2);
  --border-dark:   var(--kg-ink-3);

  --accent:        var(--kg-gold);
  --accent-hover:  var(--kg-gold-bright);
  --accent-edge:   var(--kg-amber-deep);

  --status-online:  var(--kg-live);
  --status-offline: var(--kg-danger);
}