/* ================================================================
   Chiller Whale Games — THEME
   ----------------------------------------------------------------
   Every colour, font and shape on the site comes from this file.
   To rebrand: change the values below and replace logo.svg
   (and favicon.svg). Nothing else needs to change.
   PLACEHOLDER palette (2026-09-27): Patty's brand to come.
   ================================================================ */

:root {
  /* Brand colours */
  --brand:        #2f6fb3;   /* primary: links, buttons, accents */
  --brand-deep:   #1d4a7a;   /* darker brand: header, hover */
  --brand-soft:   #dcebf7;   /* pale brand: tints, badges */
  --accent:       #f2b84b;   /* secondary highlight */

  /* Surfaces and text (light mode) */
  --bg:           #f6f9fc;   /* page background */
  --surface:      #ffffff;   /* cards */
  --text:         #1c2733;   /* body text */
  --text-muted:   #5b6b7c;   /* secondary text */
  --border:       #dde6ef;
  --on-brand:     #ffffff;   /* text on brand-coloured areas */

  /* Type */
  --font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-display: var(--font-body);   /* headings / wordmark; swap for a brand font */

  /* Shape */
  --radius:       16px;      /* cards */
  --radius-small: 10px;      /* buttons, icons */
  --shadow:       0 2px 10px rgba(20, 40, 70, .07);

  /* Logo */
  --logo-height:  40px;
}

/* Dark mode: same token names, darker values */
@media (prefers-color-scheme: dark) {
  :root {
    --brand:      #6aa8e6;
    --brand-deep: #0f2740;
    --brand-soft: #16324d;
    --bg:         #0d1620;
    --surface:    #15212d;
    --text:       #e6edf4;
    --text-muted: #9aabbd;
    --border:     #22313f;
    --shadow:     none;
  }
}