/* ==========================================================================
   Rebelle Rally — Border, radius & shadow tokens
   Radius stays restrained: marketing/broadcast default to square (0) or the
   4px chip; the app/glass surfaces use 8–12px. The signature editorial shadow
   is a HARD navy offset with no blur (print/broadcast style). Glow shadows are
   broadcast-only (highlighted rows, live elements).
   ========================================================================== */

:root {
  /* ---- Radius ---------------------------------------------------------- */
  --radius-none: 0;      /* marketing/magazine default — square corners */
  --radius-subtle: 2px;  /* app cards, inputs */
  --radius-chip: 4px;    /* chips, pills, micro-buttons, broadcast rows */
  --radius-card: 8px;    /* standard card / panel */
  --radius-modal: 12px;  /* modal / sheet / dialog */
  --radius-pill: 999px;  /* fully rounded */

  /* ---- Border widths --------------------------------------------------- */
  --border-hairline: 1px; /* card borders, dividers */
  --border-rule: 2px;     /* button borders, emphasis dividers */
  --border-gold: 4px;     /* magazine gold-rule (animated extend on hover) */

  /* ---- Shadows --------------------------------------------------------- */
  --shadow-paper-offset: 4px 4px 0 0 var(--rr-navy);      /* editorial hard offset */
  --shadow-paper-offset-blue: 4px 4px 0 0 var(--rr-blue); /* ghost-button offset */
  --shadow-glass: 0 8px 32px rgba(12, 20, 32, 0.35);      /* floating glass panel */
  --shadow-glass-soft: 0 4px 20px rgba(12, 20, 32, 0.25);
  --bc-glow-highlight: 0 0 10px rgba(22, 160, 219, 0.3);  /* glow on live/highlighted rows */
  --bc-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);      /* legibility over video */

  /* ---- Legibility scrim (Field Glass instrument, not decoration) ------- */
  --scrim-corner: linear-gradient(200deg, rgba(13,33,61,0) 52%, rgba(13,33,61,0.2) 72%, rgba(13,33,61,0.55) 100%); /* @kind color */
  --scrim-bottom: linear-gradient(0deg, rgba(13,33,61,0.85) 0%, rgba(13,33,61,0.4) 40%, rgba(13,33,61,0) 100%); /* @kind color */
}