/* ============================================
   DESIGN TOKENS — BlastPro SA
   Deep charcoal + crimson accent palette
   Authoritative, industrial, serious
   ============================================ */

:root {
  /* -- Brand Colors -- */
  --color-primary: #8b1a1a;          /* Deep crimson */
  --color-primary-hover: #6d1414;
  --color-secondary: #c0392b;        /* Brighter crimson for accents */
  --color-accent: #c0392b;           /* Links, active states */
  --color-accent-hover: #a93226;
  --color-highlight: #c0392b;        /* CTAs, badges — crimson */
  --color-highlight-hover: #a93226;

  /* -- Backgrounds -- */
  --bg-main: #141414;                /* Dark charcoal */
  --bg-elevated: #1a1a1a;            /* Card / panel backgrounds */
  --bg-elevated-hover: #222222;

  /* -- Text -- */
  --text-primary: #ffffff;
  --text-secondary: #8a8a8a;
  --text-dark: #0a0a0a;

  /* -- Borders & Glass -- */
  --border-color: rgba(192, 57, 43, 0.15);
  --glass-bg: rgba(20, 20, 20, 0.88);
  --glass-border: rgba(192, 57, 43, 0.10);

  /* -- Typography -- */
  --font-heading: "Outfit", sans-serif;
  --font-body: "Inter", sans-serif;

  /* -- Layout -- */
  --max-width: 1400px;
  --header-height: 72px;
  --section-pad: 100px 5%;

  /* -- Border Radius -- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* -- Transitions -- */
  --ease-fast: 0.2s ease;
  --ease-normal: 0.3s ease;
  --ease-smooth: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}