/* ============================================================
   Brainzie Poolside — base palette.
   The five colours below come from the scaffold Q&A (brand, accent, background, surface, ink);
   every other token derives from them via color-mix. theme.css maps the generic
   Team.Core.Blazor.Components variables (--tcc-*) onto these and adds the dark-theme overrides.
   To rebrand later, change these (or re-run the rebrand-app skill).
   ============================================================ */
:root {
  /* ---- Brand (from the Q&A; derived shades via color-mix) ---- */
  --brand:        #D81B72;
  --brand-deep:   color-mix(in srgb, var(--brand) 84%, black);
  --brand-tint:   color-mix(in srgb, var(--brand) 12%, white);
  --secondary:    #0284C7;

  /* ---- Semantic accents (fixed; not part of the brand) ---- */
  --accent-orange: #F59E0B;
  --accent-coral:  #E5484D;

  /* ---- Neutrals (ink + surface + background from the Q&A; the rest derived) ---- */
  --ink:      #18122B;
  --paper:    #FDFBFE;
  --white:    #FFFFFF;
  --ink-soft: color-mix(in srgb, var(--ink) 72%, var(--paper));
  --muted:    color-mix(in srgb, var(--ink) 48%, var(--paper));
  --line:     color-mix(in srgb, var(--ink) 12%, var(--paper));
  --paper-2:  color-mix(in srgb, var(--brand) 4%, var(--white));

  /* ---- Type ---- */
  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-body:    "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* ---- Shape & depth ---- */
  --radius:   16px;
  --radius-s: 10px;
  --shadow:   0 20px 54px -24px rgba(17, 24, 39, .32);
  --shadow-s: 0 10px 26px -16px rgba(17, 24, 39, .28);
}