/* ── DESIGN TOKENS ── */
:root {
  /* Colors */
  --c-bg:           #0c0c18;
  --c-bg2:          #13132a;
  --c-bg3:          #1a1a35;
  --c-bg4:          #22223f;
  --c-bg5:          #2a2a4a;

  --c-red:          #e63946;
  --c-red-light:    #ff5a66;
  --c-red-dim:      rgba(230, 57, 70, 0.12);
  --c-red-glow:     rgba(230, 57, 70, 0.25);

  --c-gold:         #c9a84c;
  --c-gold-light:   #e8c570;
  --c-gold-dim:     rgba(201, 168, 76, 0.12);

  --c-blue:         #4a90d9;
  --c-blue-light:   #6db3f2;
  --c-blue-dim:     rgba(74, 144, 217, 0.12);

  --c-green:        #2ecc71;
  --c-green-dim:    rgba(46, 204, 113, 0.10);
  --c-green-glow:   rgba(46, 204, 113, 0.3);

  --c-white:        #eeeef8;
  --c-muted:        #6b6b90;
  --c-muted2:       #9090b0;

  --c-border:       rgba(255, 255, 255, 0.055);
  --c-border2:      rgba(255, 255, 255, 0.10);
  --c-border3:      rgba(255, 255, 255, 0.15);

  /* Scope colors */
  --c-marketing:    var(--c-red);
  --c-operacional:  var(--c-gold);
  --c-compartilhado: var(--c-blue);

  /* Typography */
  --f-display: 'DM Serif Display', Georgia, serif;
  --f-body:    'DM Sans', system-ui, sans-serif;
  --f-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* Border radius */
  --r-sm:  6px;
  --r-md:  10px;
  --r-lg:  14px;
  --r-xl:  20px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm:  0 2px 8px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 24px rgba(0,0,0,0.45);
  --shadow-lg:  0 8px 48px rgba(0,0,0,0.6);
  --shadow-glow-red:   0 0 20px rgba(230,57,70,0.3);
  --shadow-glow-green: 0 0 12px rgba(46,204,113,0.4);

  /* Layout */
  --max-w: 1380px;
  --header-h: 72px;
  --detail-header-h: 160px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast: 150ms;
  --t-mid:  250ms;
  --t-slow: 400ms;
}