/* ============================================================
   MARKET MOTORS — design tokens
   Cave Nexus house structure · client values (brand board 2026-08)
   Ramp is red-tinted near-black — never pure #000/#fff.
   ============================================================ */
:root {
  /* --- surface ramp (tinted toward the brand red, 2-4%) --- */
  --ink:    #0D0B0B;   /* page background          */
  --coal:   #141111;   /* raised surface           */
  --card:   #1B1717;   /* card / panel             */
  --card-2: #241D1D;   /* hover / nested           */

  /* --- foreground: warm bone, muted derived by alpha --- */
  --bone:  #EDE7E2;
  --muted: rgba(237, 231, 226, .64);
  --faint: rgba(237, 231, 226, .40);

  /* --- accent: the redline family (brand #E30613) --- */
  --red:        #E30613;
  --red-bright: #FF3B47;             /* small text / hover on dark */
  --red-deep:   #8E040C;
  --red-soft:   rgba(227, 6, 19, .12);

  /* --- hairlines: fg or accent at low alpha, never solid grey --- */
  --line:     rgba(237, 231, 226, .09);
  --line-2:   rgba(237, 231, 226, .18);
  --line-red: rgba(227, 6, 19, .34);

  /* --- channels --- */
  --wa: #25D366;

  /* --- shape + depth --- */
  --radius:    14px;
  --radius-sm: 8px;
  --glow: 0 18px 50px rgba(227, 6, 19, .16);
  --shadow: 0 24px 60px rgba(0, 0, 0, .45);

  /* --- type --- */
  --font-display: 'Montserrat', system-ui, sans-serif;  /* brand: 700/800, -0.02em */
  --font-body:    'Inter', system-ui, sans-serif;

  /* --- motion --- */
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
  --t-fast: 180ms;
  --t-med:  320ms;
  --t-slow: 560ms;
}