/* ============================================================
   tokens.css — design system for Edwin Hernández · Portafolio
   Gaming × Music × Dev · terminal-synthwave console
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap');

:root {
  /* ---- Surfaces ---- */
  --bg-0: #05050f;
  --bg-1: #0a0a18;
  --bg-2: #101024;
  --bg-3: #16162e;
  --surface: rgba(255, 255, 255, 0.022);
  --surface-2: rgba(255, 255, 255, 0.04);

  /* ---- Brand ---- */
  --violet: #8b5cf6;
  --violet-l: #a78bfa;
  --cyan: #22d3ee;
  --cyan-d: #06b6d4;
  --rose: #f43f5e;
  --amber: #fbbf24;
  --emerald: #34d399;

  /* ---- Text ---- */
  --ink: #ecebff;
  --ink-soft: #b9b8d6;
  --ink-mute: #6f6e93;
  --ink-faint: #46456a;

  /* ---- Lines ---- */
  --line: rgba(139, 122, 246, 0.14);
  --line-soft: rgba(255, 255, 255, 0.06);
  --line-strong: rgba(139, 122, 246, 0.32);

  /* ---- Glows ---- */
  --glow-violet: 0 0 0 1px rgba(139, 92, 246, 0.35), 0 0 28px -6px rgba(139, 92, 246, 0.55);
  --glow-cyan: 0 0 0 1px rgba(34, 211, 238, 0.35), 0 0 28px -6px rgba(34, 211, 238, 0.5);
  --glow-text: 0 0 18px rgba(139, 92, 246, 0.55);

  /* ---- Type ---- */
  --display: 'Syne', system-ui, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;

  /* ---- Geometry ---- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --maxw: 1240px;
  --rail: 88px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

/* Brand gradient used sparingly for emphasis */
:root {
  --grad-brand: linear-gradient(115deg, var(--violet-l) 0%, var(--cyan) 55%, var(--rose) 110%);
  --grad-line: linear-gradient(90deg, transparent, var(--line-strong) 20%, var(--line-strong) 80%, transparent);
}