/**
 * Tokens de marca de Eternal Dreams — generados por Forge (generate_theme).
 * NO se editan a mano: se vuelven a pedir a Forge cuando la marca cambie.
 * Los hex viven aquí y solo aquí; el resto del CSS consume las variables.
 */

:root {
  --ed-color-void: #06080c;
  --ed-color-void-2: #0a0d13;
  --ed-color-surface: #101319;
  --ed-color-text: #eaf2ee;
  --ed-color-text-soft: #c2cbcb;
  --ed-color-muted: #7c8a92;
  --ed-color-border: #20252d;
  --ed-color-accent: #00ffab;
  --ed-color-accent-hover: #3bffc0;
  --ed-color-on-accent: #001a12;
  --ed-color-accent-2: #00d5c7;
  --ed-color-aurora-3: #7b5cff;
  --ed-color-warning: #ffb020;
  --ed-color-error: #ff5c5c;
  --ed-color-on-error: #0b2e24;

  /* Variantes profundas: el neón sobre claro no llega a AA (accent sobre paper
     da 1,23:1). Estas sí, y sostienen texto blanco encima. */
  --ed-color-aurora-a-deep: #008251;
  --ed-color-ink: #0b2e24;

  --ed-glass-bg: rgba(255, 255, 255, 0.04);
  --ed-glass-border: rgba(255, 255, 255, 0.08);
  --ed-glass-border-hover: rgba(0, 255, 171, 0.35);
  --ed-glass-blur: 24px;
  --ed-glass-saturate: 160%;
  --ed-glass-shadow: 0 8px 40px rgba(0, 0, 0, 0.45);
  --ed-aurora-opacity: 0.18;

  --ed-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --ed-font-body: 'Satoshi', 'Segoe UI', system-ui, sans-serif;
  --ed-font-weight-wordmark: 540;

  --ed-text-xs: 13px;
  --ed-text-sm: 14px;
  --ed-text-base: 16px;
  --ed-text-md: 21px;
  --ed-text-lg: 28px;
  --ed-text-xl: 38px;

  --ed-radius-card: 20px;
  --ed-radius-input: 14px;
  --ed-radius-button: 14px;
  --ed-radius-pill: 999px;

  --ed-space-hair: 8px;
  --ed-space-tight: 12px;
  --ed-space-base: 20px;
  --ed-space-loose: 32px;
  --ed-space-room: 56px;

  --ed-motion-fast: 180ms;
  --ed-motion-base: 320ms;
  --ed-motion-slow: 600ms;
  --ed-motion-easing: cubic-bezier(0.4, 0, 0.2, 1);

  /* Semánticos: lo que consume la UI. Dark primero, que es la regla de marca. */
  --ed-page: var(--ed-color-void);
  --ed-elevated: var(--ed-color-void-2);
  --ed-fg: var(--ed-color-text);
  --ed-fg-soft: var(--ed-color-text-soft);
  --ed-fg-muted: var(--ed-color-muted);
  --ed-cta: var(--ed-color-accent);
  --ed-cta-hover: var(--ed-color-accent-hover);
  --ed-cta-fg: var(--ed-color-on-accent);
  --ed-focus: var(--ed-color-accent);

  --ed-aurora-a: var(--ed-color-accent);
  --ed-aurora-b: var(--ed-color-accent-2);
  --ed-aurora-c: var(--ed-color-aurora-3);
}
