/* The Ballers Kingdom brand tokens (shared). Source of truth: /workspace/bk-brand/BRAND-IDENTITY.md.
   Brand = black and white, high contrast, stencil wordmark. No purple, no gold.
   Royal blue is reserved for the Training theme (body.theme-training in styles.css); do not use it elsewhere.
   Other surfaces (e.g. /builders) can link this file and use the --bk-* tokens. */
:root {
  /* Core */
  --bk-black: #050505;        /* page background */
  --bk-ink: #0E0E0E;          /* text on light */
  --bk-charcoal: #121212;     /* cards on dark */
  --bk-stone: #1A1A1A;        /* raised cards, inputs on dark */
  --bk-line: #2A2A2A;         /* hairlines on dark */
  --bk-line-strong: #3D3D3D;  /* stronger borders on dark */
  --bk-white: #FFFFFF;        /* primary buttons, headings */
  --bk-cream: #F3F3F3;        /* body text on dark, paper */
  --bk-silver: #C8C8C8;       /* secondary text on dark (12.5:1 on --bk-black) */
  --bk-gray-600: #B4B4B4;     /* muted text on dark (10:1) */
  --bk-gray-400: #8A8A8A;     /* fine print on dark only (5.9:1, AA) */
  --bk-gray-700: #555555;     /* muted text on light (7.4:1 on white) */
  /* Roles */
  --bk-accent: var(--bk-white);        /* labels, numbers, active states */
  --bk-accent-hover: #D4D4D4;
  --bk-on-accent: var(--bk-black);     /* text on a white button */
  --bk-focus: var(--bk-white);
  --bk-hero-bg: radial-gradient(120% 90% at 85% 0%, rgba(255, 255, 255, 0.07) 0%, rgba(18, 18, 18, 0.9) 45%, #050505 75%);
  --bk-surface-tint: rgba(255, 255, 255, 0.04);
  /* Training theme only */
  --bk-royal: #1B3A8E;
  --bk-royal-dark: #12285F;
  --bk-royal-light: #6B86C4;
  --bk-royal-sky: #9BB0DC;
  /* Type */
  --bk-font-display: 'Oswald', 'Oswald Fallback', 'Impact', 'Arial Narrow Bold', sans-serif; /* 500-700, uppercase, tracked */
  --bk-font-body: 'Inter', 'Inter Fallback', 'Helvetica Neue', Arial, sans-serif;           /* 400-600 */
  --bk-font-serif: 'Playfair Display', Georgia, serif;                    /* 600 italic, pull quotes */
  --bk-font-stencil: 'Big Shoulders Stencil Display', 'Oswald', sans-serif; /* stacked mark / apparel */
  /* Logos */
  --bk-logo-on-dark: url('/assets/img/logo-wordmark-white.png');
  --bk-logo-on-light: url('/assets/img/logo-wordmark-black.png');
}