/**
 * EventCore — Portal Design Tokens
 *
 * Zentrale CSS-Variablen für das öffentliche Event-Portal.
 * Kann später für White-Label per Partner überschrieben werden:
 *   <style>:root { --ec-primary: #ff6600; }</style>
 */

:root {
  /* Farben */
  --ec-primary:       #10b981;
  --ec-primary-dark:  #059669;
  --ec-primary-light: #6ee7b7;
  --ec-bg:            #f8fafc;
  --ec-bg-dark:       #0f172a;
  --ec-bg-card:       #ffffff;
  --ec-text:          #0f172a;
  --ec-text-muted:    #64748b;
  --ec-text-light:    #94a3b8;
  --ec-border:        #e2e8f0;
  --ec-border-light:  #f1f5f9;
  --ec-danger:        #dc2626;
  --ec-warning:       #d97706;
  --ec-success:       #059669;

  /* Typografie */
  --ec-font:          -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ec-font-mono:     'SF Mono', 'Fira Code', monospace;

  /* Radien */
  --ec-radius-sm:     8px;
  --ec-radius-md:     10px;
  --ec-radius-lg:     12px;
  --ec-radius-xl:     16px;

  /* Schatten */
  --ec-shadow-sm:     0 1px 4px rgba(0,0,0,.06);
  --ec-shadow-md:     0 4px 12px rgba(0,0,0,.08);
  --ec-shadow-lg:     0 8px 24px rgba(0,0,0,.1);

  /* Abstände */
  --ec-sp-1: .25rem;
  --ec-sp-2: .5rem;
  --ec-sp-3: .75rem;
  --ec-sp-4: 1rem;
  --ec-sp-6: 1.5rem;
  --ec-sp-8: 2rem;
}