/* ==========================================================================
   Nebula Games - brand tokens
   The one place colour, type and spacing are defined for every site in
   this repo. Sites override the --accent-* family and the --ink/--panel
   family to take on their own identity; everything else stays shared.
   ========================================================================== */

:root {
  /* --- studio palette (Nebula Games) ------------------------------------
     Taken from the live nebulagames.ch page, not invented here. If the
     studio rebrands, this block is what changes. */
  --nebula-void:   #050507;  /* page ground */
  --nebula-card:   #141428;  /* raised surface */
  --nebula-purple: #a489ff;  /* primary accent */
  --nebula-cyan:   #45e5ff;  /* secondary accent */
  --nebula-ink:    #ffffff;
  --nebula-muted:  #e4e4ef;

  /* --- surfaces (a site may retint these) ------------------------------- */
  --ink:        var(--nebula-void);     /* page background */
  --ink-2:      #0a0a12;                /* band background */
  --panel:      var(--nebula-card);     /* card background */
  --panel-2:    #1b1b33;                /* card hover */
  --line:       rgba(255, 255, 255, .12); /* hairlines and borders */

  /* --- type colours ------------------------------------------------------ */
  --text:       var(--nebula-ink);
  --text-dim:   var(--nebula-muted);
  --text-faint: #8a8aa3;

  /* --- accents (a site MUST retint these) -------------------------------- */
  --accent:      var(--nebula-purple);  /* primary call to action */
  --accent-2:    var(--nebula-cyan);    /* secondary accent */
  --accent-deep: #8b6cf0;               /* eyebrows, small type on dark */
  --accent-warm: #f2a73b;               /* notices, early access, ticks */
  --accent-ink:  #0b0616;               /* text placed on --accent */

  /* --- brand art ----------------------------------------------------------
     Deliberately NOT stored as url() custom properties. A url() inside a
     custom property resolves against the stylesheet that USES the variable,
     not the one that declares it, so a shared --brand-bg silently 404s from
     every site. Reference these by relative path from your own site.css:
       shared/img/nebula-games-logo.png
       shared/img/nebula-games-background.jpg
     -------------------------------------------------------------------- */

  /* --- typography -------------------------------------------------------- */
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* Each site points --display at its own face; Inter is the safe default. */
  --display: var(--sans);

  /* --- layout ------------------------------------------------------------ */
  --shell: 1150px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius: 18px;  /* the studio's shape; game sites override for their own look */
  --head-h: 68px;
}