/*
 * 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=Inter:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&family=DM+Mono:wght@400;500&display=swap');

:root {
  /* ── Color palette (exact match to app dashboard) ── */
  --rc-bg:           #F7F7F4;
  --rc-surface:      #FFFFFF;
  --rc-surface2:     #F1F1ED;
  --rc-surface3:     #E8E8E2;
  --rc-border:       rgba(17,17,17,0.08);
  --rc-border2:      rgba(17,17,17,0.13);
  --rc-text:         #111111;
  --rc-text2:        #6B6B6B;
  --rc-text3:        #8B8B84;

  /* ── Brand accent ── */
  --rc-accent:       #5D3FD3;
  --rc-accent2:      #2563EB;
  --rc-accent-dim:   rgba(93,63,211,0.10);
  --rc-accent-glow:  rgba(93,63,211,0.18);

  /* ── 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:    'Inter', system-ui, sans-serif;
  --rc-font-mono:    'DM Mono', 'Courier New', monospace;
  --rc-font-display: 'Cormorant Garamond', Georgia, serif;

  /* ── Spacing & radius ── */
  --rc-radius:       14px;
  --rc-radius-lg:    18px;
  --rc-radius-xl:    24px;
  --rc-radius-pill:  999px;

  /* ── Shadows ── */
  --rc-shadow-sm:    0 1px 3px rgba(17,17,17,0.05);
  --rc-shadow-md:    0 12px 32px rgba(17,17,17,0.08);
  --rc-shadow-lg:    0 24px 80px rgba(17,17,17,0.12);
  --rc-shadow-glow:  0 18px 54px rgba(93,63,211,0.12);

  /* ── 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';

  /* z-index stack */
  --z-content:   10;
  --z-dropdown:  100;
  --z-panel:     200;
  --z-topbar:    300;
  --z-modal:     400;
  --z-toast:     500;
  --z-spotlight: 600;

}