/*
 * EUDS vNext — Design Tokens
 * ETHRAEON Unified Design System
 * Scandinavian. Restrained. Sovereign.
 */

:root {
  /* ═══════════════════════════════════════
     PALETTE — Core
     ═══════════════════════════════════════ */
  --euds-bg-void: #030208;
  --euds-bg-deep: #050507;
  --euds-bg-surface: #0a0a0f;
  --euds-bg-elevated: #111118;
  --euds-bg-panel: #161620;

  --euds-fg: #fafafa;
  --euds-fg-secondary: #c8c8d8;
  --euds-fg-muted: rgba(250, 250, 250, 0.45);
  --euds-fg-ghost: rgba(250, 250, 250, 0.25);

  /* ═══════════════════════════════════════
     PALETTE — Accent
     ═══════════════════════════════════════ */
  --euds-accent: #00d4ff;
  --euds-accent-soft: rgba(0, 212, 255, 0.08);
  --euds-accent-glow: rgba(0, 212, 255, 0.25);

  --euds-accent-warm: #f5a623;
  --euds-accent-warm-soft: rgba(245, 166, 35, 0.08);

  --euds-accent-violet: #a78bfa;
  --euds-accent-rose: #f472b6;
  --euds-accent-emerald: #34d399;

  /* ═══════════════════════════════════════
     BORDERS
     ═══════════════════════════════════════ */
  --euds-border: rgba(255, 255, 255, 0.06);
  --euds-border-subtle: rgba(255, 255, 255, 0.03);
  --euds-border-hover: rgba(255, 255, 255, 0.12);

  /* ═══════════════════════════════════════
     RADII
     ═══════════════════════════════════════ */
  --euds-radius-sm: 6px;
  --euds-radius-md: 10px;
  --euds-radius-lg: 14px;
  --euds-radius-xl: 20px;
  --euds-radius-pill: 100px;

  /* ═══════════════════════════════════════
     TYPOGRAPHY
     ═══════════════════════════════════════ */
  --euds-font-sans: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', system-ui, sans-serif;
  --euds-font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;

  --euds-text-xs: 0.6875rem;    /* 11px */
  --euds-text-sm: 0.8125rem;    /* 13px */
  --euds-text-base: 1rem;       /* 16px */
  --euds-text-lg: 1.125rem;     /* 18px */
  --euds-text-xl: 1.5rem;       /* 24px */
  --euds-text-2xl: 2rem;        /* 32px */
  --euds-text-3xl: 2.5rem;      /* 40px */

  --euds-leading-tight: 1.2;
  --euds-leading-normal: 1.5;
  --euds-leading-relaxed: 1.7;

  --euds-tracking-tight: -0.01em;
  --euds-tracking-normal: 0;
  --euds-tracking-wide: 0.04em;
  --euds-tracking-wider: 0.1em;

  /* ═══════════════════════════════════════
     SPACING (8px base)
     ═══════════════════════════════════════ */
  --euds-space-1: 0.25rem;   /* 4px */
  --euds-space-2: 0.5rem;    /* 8px */
  --euds-space-3: 0.75rem;   /* 12px */
  --euds-space-4: 1rem;      /* 16px */
  --euds-space-5: 1.5rem;    /* 24px */
  --euds-space-6: 2rem;      /* 32px */
  --euds-space-8: 3rem;      /* 48px */
  --euds-space-10: 4rem;     /* 64px */
  --euds-space-12: 6rem;     /* 96px */

  /* ═══════════════════════════════════════
     SHADOWS
     ═══════════════════════════════════════ */
  --euds-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --euds-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.4);
  --euds-shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.5);
  --euds-shadow-glow: 0 0 20px var(--euds-accent-glow);

  /* ═══════════════════════════════════════
     TIMING
     ═══════════════════════════════════════ */
  --euds-duration-fast: 120ms;
  --euds-duration-base: 200ms;
  --euds-duration-slow: 320ms;
  --euds-duration-enter: 400ms;

  --euds-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --euds-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* ═══════════════════════════════════════
     Z-INDEX
     ═══════════════════════════════════════ */
  --euds-z-base: 0;
  --euds-z-elevated: 10;
  --euds-z-overlay: 100;
  --euds-z-modal: 1000;
}