/**
 * Voronka design tokens — purple→teal palette, dark default, light optional.
 * Load BEFORE any other voronka-*.css/.js.
 */

:root {
  /* Brand palette */
  --voronka-grad: linear-gradient(135deg, #7C3AED 0%, #06B6D4 100%);
  --voronka-grad-soft: linear-gradient(135deg, rgba(124,58,237,.15), rgba(6,182,212,.15));
  --voronka-purple: #7C3AED;
  --voronka-teal:   #06B6D4;
  --voronka-accent: #A855F7;

  /* Dark theme (default) */
  --bg:       #0A0A0F;
  --bg-elev:  #14141C;
  --bg-card:  #1C1C28;
  --fg:       #F1F5F9;
  --fg-muted: #94A3B8;
  --fg-dim:   #64748B;
  --border:   rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.14);

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

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;
  --fs-xs: 12px;  --fs-sm: 14px;  --fs-md: 16px;
  --fs-lg: 20px;  --fs-xl: 28px;  --fs-2xl: 40px;

  --radius-sm: 6px;  --radius-md: 10px;  --radius-lg: 16px;  --radius-full: 9999px;

  --shadow-card: 0 4px 16px rgba(0,0,0,.4);
  --shadow-glow: 0 8px 32px rgba(124,58,237,.35);

  --transition-fast: .15s ease;
  --transition-mid:  .25s ease;
}

[data-theme="light"] {
  --bg:       #FAFAFB;
  --bg-elev:  #FFFFFF;
  --bg-card:  #F4F4F8;
  --fg:       #0F172A;
  --fg-muted: #475569;
  --fg-dim:   #94A3B8;
  --border:   rgba(0,0,0,.08);
  --border-strong: rgba(0,0,0,.14);
  --shadow-card: 0 4px 16px rgba(0,0,0,.06);
}

* { box-sizing: border-box; }

html, body {
  margin: 0; padding: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-sans);
  font-size: var(--fs-md);
  line-height: 1.5;
}

a { color: var(--voronka-teal); text-decoration: none; }
a:hover { text-decoration: underline; }

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  border-radius: var(--radius-md);
  padding: var(--sp-3) var(--sp-5);
  font-size: var(--fs-sm);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
button:disabled { opacity: .5; cursor: not-allowed; }

.voronka-btn-primary {
  background: var(--voronka-grad);
  color: #fff;
  box-shadow: 0 4px 14px rgba(124,58,237,.35);
}
.voronka-btn-primary:hover { transform: translateY(-1px); box-shadow: var(--shadow-glow); }

.voronka-btn-ghost {
  background: transparent;
  color: var(--fg);
  border: 1px solid var(--border-strong);
}
.voronka-btn-ghost:hover { background: var(--bg-card); }

.voronka-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: var(--sp-5);
  box-shadow: var(--shadow-card);
}

.voronka-title {
  font-size: var(--fs-2xl);
  font-weight: 700;
  background: var(--voronka-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}