/* ============================================================================
   TREX TV — Design tokens
   Source: CLAUDE_CODE_BRIEF.md §2.1
   Loaded site-wide via trex-child/functions.php (depends: blocksy-parent).
   Override in component CSS, never inline. Cinematic / dark / premium.
   ============================================================================ */

:root {
  /* Color */
  --trex-bg:        #0A0E14;
  --trex-surface:   #131821;
  --trex-elevated:  #1A2030;
  --trex-border:    #1F2937;
  --trex-text:      #E6E8EB;
  --trex-muted:     #8B92A5;
  --trex-accent:    #FFB81C;     /* gold — CTAs, badges */
  --trex-accent-2:  #2EA8FF;     /* electric blue — links, highlights */
  --trex-success:   #22C55E;
  --trex-danger:    #EF4444;

  /* Typography */
  --font-display:   "Inter Display", "Inter", system-ui, sans-serif;
  --font-body:      "Inter", system-ui, sans-serif;
  --font-mono:      "JetBrains Mono", monospace;

  --fs-h1:          clamp(2.4rem, 4vw + 1rem, 4.2rem);
  --fs-h2:          clamp(1.8rem, 2.4vw + 0.8rem, 2.8rem);
  --fs-h3:          1.5rem;
  --fs-body:        1rem;
  --fs-small:       0.875rem;

  --lh-tight:       1.1;
  --lh-body:        1.6;

  /* Spacing */
  --space-xs:       4px;
  --space-sm:       8px;
  --space-md:       16px;
  --space-lg:       24px;
  --space-xl:       40px;
  --space-2xl:      64px;
  --space-3xl:      96px;

  /* Radius */
  --r-sm:           6px;
  --r-md:           10px;
  --r-lg:           16px;
  --r-xl:           24px;
  --r-pill:         999px;

  /* Shadow */
  --shadow-glow:     0 0 40px rgba(255, 184, 28, 0.15);
  --shadow-card:     0 8px 32px rgba(0, 0, 0, 0.4);
  --shadow-elevated: 0 20px 60px rgba(0, 0, 0, 0.5);

  /* Motion */
  --ease:           cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:       150ms;
  --dur-base:       250ms;
  --dur-slow:       400ms;
}

/* Reduce-motion respect — overrides motion durations site-wide. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-base: 0ms;
    --dur-slow: 0ms;
  }
}