/* CodeRed Design Tokens
   Single source of truth for brand tokens across all CodeRed properties.
   Served at https://codered.lol/assets/tokens.css

   Referenced by:
     - infra/landing/index.html  (via @import in <style>)
     - apps/codered globals.css  (via <link> in layout.tsx)
*/

:root {
  /* ── Brand palette ─────────────────────────────────────── */
  --cr-red:            #ff0e04;
  --cr-purple:         #450050;
  --cr-purple-soft:    #a04bc0;
  --cr-purple-vibrant: #7B1FA2;
  --cr-blue:           #0099e5;
  --cr-link-red:       #ff4444;
  --cr-muted-red:      #d63b35;
  --cr-orange:         #ff4300;
  --cr-grey:           #d1d1d1;

  /* ── Backgrounds ───────────────────────────────────────── */
  --cr-bg-a:      #1f050a;
  --cr-bg-b:      #2f080c;
  --cr-bg-c:      #400c0e;
  --cr-bg-darker: #0a0202;

  /* ── Surfaces ──────────────────────────────────────────── */
  --cr-card-bg:     rgba(22, 22, 26, 0.9);
  --cr-card-border: rgba(150, 60, 180, 0.3);
  --cr-text:        #d8d8d8;
  --cr-muted:       #a0a0a0;
  --cr-heading:     #f0f0f0;

  /* ── Header / topbar ───────────────────────────────────── */
  --cr-header-height: 56px;
  --cr-header-bg:     rgba(20, 5, 9, 0.72);
  --cr-header-blur:   10px;
  --cr-header-border: var(--cr-card-border);

  /* ── Footer ────────────────────────────────────────────── */
  --cr-footer-border: var(--cr-card-border);
}