/* BLACK RUSSIA — Color tokens
   Sourced verbatim from br-site-front/tailwind.config.ts and Wiki 2.0 tailwind.config.ts.
   A dark, near-black stage; a single hot red does all the accent work. */
:root {
  /* ---- Base neutrals (the dark stage) ---- */
  --br-bg:            #171717; /* page background — everything sits on this */
  --br-black:         #252525; /* raised black (chips, secondary fills) */
  --br-surface:       #202020; /* card body fill (marketing "black-cards") */
  --br-surface-wiki:  #1C1C1C; /* card body fill (Wiki 2.0) */
  --br-surface-modal: #0C0C0C; /* modal / deepest surface */

  /* ---- Whites (opacity ladder over #FDFDFD) ---- */
  --br-white:     #FDFDFD;
  --br-white-5:   #FDFDFD0D;
  --br-white-10:  #FDFDFD1A;
  --br-white-15:  #FDFDFD26;
  --br-white-20:  #FFFFFF33;
  --br-white-40:  #FDFDFD66;
  --br-white-80:  #FDFDFDCC;
  --br-light:     #FFFFFF;

  /* ---- Grays ---- */
  --br-light-gray:   #D2D2D2;
  --br-gray:         #AAAAAA;
  --br-gray-75:      #AAAAAABF;
  --br-dark-gray:    #737373;
  --br-dark-gray-20: #73737333;
  --br-darker-gray:  #5F5F5F;

  /* ---- Brand accents ---- */
  --br-red:        #E2310C; /* THE brand accent — highlights, errors, focus */
  --br-red-30:     #E2310C4D;
  --br-red-tint:   #F8D4CD; /* input error fill */
  --br-aqua:       #3EA2FF;
  --br-green:      #0A7800;
  --br-orange:     #FF9A00;
  --br-bronze:     #DC9429;

  /* ---- Logo / hero gradient (bear mark, headline flames) ---- */
  --br-flame-from: #FF6318;
  --br-flame-to:   #C60000;
  --br-flame: linear-gradient(90deg, #FF6318 0%, #C60000 100%); /* @kind other */

  /* ---- VIP tiers ---- */
  --br-vip-silver:   #D2D2D2;
  --br-vip-gold:     #DC9429;
  --br-vip-platinum: #AAB4C4;

  /* ---- Borders ---- */
  --br-border-subtle: rgba(255,255,255,0.05);
  --br-border-hover:  rgba(255,255,255,0.10);
  --br-border-strong: rgba(255,255,255,0.14);
  --br-divider:       #525252;

  /* =========================================================
     SEMANTIC ALIASES — prefer these when building
     ========================================================= */
  --surface-page:      var(--br-bg);
  --surface-raised:    var(--br-black);
  --surface-card:      var(--br-surface);
  --surface-card-wiki: var(--br-surface-wiki);
  --surface-modal:     var(--br-surface-modal);

  --text-primary:   var(--br-white);
  --text-secondary: var(--br-white-80);
  --text-muted:     var(--br-gray);
  --text-faint:     rgba(253,253,253,0.30);
  --text-on-light:  #252525;

  --accent:          var(--br-red);
  --accent-contrast: var(--br-white);
  --accent-gradient: var(--br-flame);

  --border-default: var(--br-border-subtle);
  --border-hover:   var(--br-border-hover);

  --focus-ring: var(--br-red);
  --danger:     var(--br-red);
  --success:    var(--br-green);
  --info:       var(--br-aqua);
  --warning:    var(--br-orange);
}