/*
 * Roll Call — Design Tokens
 * Import on every public page. Keeps Elementor pages visually identical to the app.
 * Font: Syne (matching the app's DM Serif Display editorial weight)
 */

/* ── Google Font: Syne ── */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap');

:root {
  /* ── Color palette (exact match to app dashboard) ── */
  --rc-bg:           #0a0a0b;
  --rc-surface:      #111113;
  --rc-surface2:     #18181b;
  --rc-surface3:     #1f1f23;
  --rc-border:       rgba(255,255,255,0.07);
  --rc-border2:      rgba(255,255,255,0.13);
  --rc-text:         #f0eff4;
  --rc-text2:        #8b8a96;
  --rc-text3:        #55545f;

  /* ── Brand accent ── */
  --rc-accent:       #7c6af7;
  --rc-accent2:      #a89ffe;
  --rc-accent-dim:   rgba(124,106,247,0.13);
  --rc-accent-glow:  rgba(124,106,247,0.25);

  /* ── Semantic colours ── */
  --rc-green:        #3ecf8e;
  --rc-green-dim:    rgba(62,207,142,0.10);
  --rc-amber:        #f59e0b;
  --rc-amber-dim:    rgba(245,158,11,0.10);
  --rc-red:          #ef4444;
  --rc-red-dim:      rgba(239,68,68,0.10);
  --rc-blue:         #3b82f6;

  /* ── Typography ── */
  --rc-font-sans:    'Syne', system-ui, sans-serif;
  --rc-font-mono:    'DM Mono', 'Courier New', monospace;
  --rc-font-display: 'Syne', system-ui, sans-serif;

  /* ── Spacing & radius ── */
  --rc-radius:       8px;
  --rc-radius-lg:    12px;
  --rc-radius-xl:    16px;
  --rc-radius-pill:  999px;

  /* ── Shadows ── */
  --rc-shadow-sm:    0 1px 3px rgba(0,0,0,0.4);
  --rc-shadow-md:    0 4px 16px rgba(0,0,0,0.5);
  --rc-shadow-lg:    0 8px 32px rgba(0,0,0,0.6);
  --rc-shadow-glow:  0 0 24px rgba(124,106,247,0.2);

  /* ── Elementor variable overrides ── */
  --e-global-color-primary:   #7c6af7;
  --e-global-color-secondary: #a89ffe;
  --e-global-color-text:      #f0eff4;
  --e-global-color-accent:    #3ecf8e;
  --e-global-typography-primary-font-family:   'Syne';
  --e-global-typography-secondary-font-family: 'Syne';
  --e-global-typography-text-font-family:      'Syne';
  --e-global-typography-accent-font-family:    'DM Mono';
}