/* Pumpkin Nights — Color system.
   The brand lives at night: deep black grounds, a hand-carved pumpkin glow,
   and an electric cyan that the city wordmarks are painted in. The immersive
   "Lands" add neon accents (magenta, lime, violet) used sparingly. */

:root {
  /* ---- Core brand palette ---- */
  --pn-pumpkin: #f96600;        /* primary — carved-pumpkin orange glow */
  --pn-pumpkin-deep: #d4480a;   /* pressed / shadowed orange */
  --pn-pumpkin-glow: #ff8a2b;   /* lit ember highlight */
  --pn-ember: #ffc24b;          /* jack-o-lantern candle yellow */
  --pn-cyan: #2dd4e8;           /* secondary — electric brush cyan */
  --pn-cyan-deep: #16a6c4;      /* pressed cyan */

  /* ---- Night / neutrals ---- */
  --pn-black: #0a0a0b;          /* primary background — the night */
  --pn-ink: #141318;           /* raised night surface */
  --pn-twilight: #1b1c2c;       /* twilight blue-black surface */
  --pn-indigo: #221a3d;         /* deep immersive violet shadow */
  --pn-smoke: #2a2933;          /* hairline / border on dark */
  --pn-ash: #6f6c78;            /* muted text on dark */
  --pn-fog: #a7a3b0;            /* secondary text on dark */
  --pn-bone: #f4efe6;           /* primary cream text + light surface */
  --pn-bone-dim: #d9d3c7;       /* dimmed bone */
  --pn-white: #ffffff;

  /* ---- Immersive "Lands" neon accents (decorative, use sparingly) ---- */
  --pn-neon-magenta: #ff3da5;
  --pn-neon-violet: #8a5cff;
  --pn-neon-lime: #76e84d;
  --pn-neon-blue: #2f7bff;

  /* ---- Semantic / status ---- */
  --pn-success: #76e84d;
  --pn-warning: #ffc24b;
  --pn-danger: #ff4d4d;

  /* ---- Semantic aliases (use these in components) ---- */
  --bg-page: var(--pn-black);
  --bg-surface: var(--pn-ink);
  --bg-surface-raised: var(--pn-twilight);
  --bg-light: var(--pn-bone);

  --text-strong: var(--pn-bone);
  --text-body: var(--pn-bone-dim);
  --text-muted: var(--pn-fog);
  --text-faint: var(--pn-ash);
  --text-on-light: var(--pn-black);
  --text-on-accent: var(--pn-black);

  --accent: var(--pn-pumpkin);
  --accent-hover: var(--pn-pumpkin-glow);
  --accent-press: var(--pn-pumpkin-deep);
  --accent-secondary: var(--pn-cyan);

  --border-hairline: var(--pn-smoke);
  --border-strong: rgba(244, 239, 230, 0.18);
  --border-on-light: rgba(10, 10, 11, 0.12);

  /* Backdrop gradients used behind hero imagery / lands */
  --grad-night: linear-gradient(180deg, #0a0a0b 0%, #14102a 100%); /* @kind color */
  --grad-ember: linear-gradient(135deg, #ff8a2b 0%, #f96600 55%, #d4480a 100%); /* @kind color */
  --grad-twilight: linear-gradient(180deg, #221a3d 0%, #0a0a0b 100%); /* @kind color */
  /* Bottom protection scrim for text over photography */
  --scrim-bottom: linear-gradient(180deg, rgba(10,10,11,0) 0%, rgba(10,10,11,0.85) 78%, rgba(10,10,11,0.96) 100%); /* @kind color */
}