/* ==========================================================
   Void Messenger — Design Tokens
   1:1 Port vom Android "Warm Void" Design-System
   ========================================================== */

:root {
  /* ── Void Core Backgrounds ── */
  --void-black: #000000;
  --void-surface: #0A0A0A;
  --void-surface-variant: #141414;
  --void-surface-elevated: #1A1A1A;

  /* ── Neon Accent Palette ── */
  --neon-magenta: #FF2D78;
  --neon-peach: #FF9A5C;
  --neon-coral: #FF6B6B;
  --neon-amber: #FFB84D;
  --neon-rose: #FF7EB3;

  /* ── Text ── */
  --text-primary: #F0E6D3;
  --text-secondary: #8A8A8A;
  --text-tertiary: #555555;
  --text-on-accent: #000000;

  /* ── Functional ── */
  --color-error: #FF4444;
  --color-success: #44FF88;
  --ember-gold: #FFD700;
  --void-outline: rgba(255, 255, 255, 0.1);
  --void-outline-variant: rgba(255, 255, 255, 0.05);

  /* ── Gradients ── */
  --gradient-neon: linear-gradient(135deg, #FF2D78, #FF9A5C);
  --gradient-neon-horizontal: linear-gradient(90deg, #FF2D78, #FF9A5C);
  --gradient-text: linear-gradient(135deg, #FF2D78, #FF9A5C);

  /* ── Typography ── */
  --font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Spacing ── */
  --section-padding-y: clamp(80px, 12vh, 140px);
  --section-padding-x: clamp(24px, 5vw, 80px);
  --content-max-width: 1100px;

  /* ── Transitions ── */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 600ms ease-out;

  /* ── Border Radii (aus Android VoidShapes) ── */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-button: 24px;

  /* ── Shadows ── */
  --glow-magenta: 0 0 40px rgba(255, 45, 120, 0.3);
  --glow-magenta-strong: 0 0 60px rgba(255, 45, 120, 0.5);
  --glow-ember: 0 0 30px rgba(255, 215, 0, 0.4);
}