/* ==========================================================================
   JackDao Personal Site — Design Tokens (Obsidian & Cyber-Emerald Palette)
   Free, modern dark high-tech green palette with accessible contrast.
   ========================================================================== */

:root {
  /* Backgrounds */
  --bg-primary: #060908;
  --bg-surface: #0c1210;
  --bg-elevated: #121c18;
  --bg-glass: rgba(12, 18, 16, 0.72);

  /* Green High-Tech Accents */
  --accent-primary: #10b981;       /* Emerald 500 */
  --accent-bright: #34d399;        /* Emerald 400 */
  --accent-cyber: #00f5a0;         /* Cyber Mint highlight */
  --accent-dim: rgba(16, 185, 129, 0.12);
  --accent-glow: rgba(0, 245, 160, 0.18);

  /* Borders */
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-accent: rgba(16, 185, 129, 0.28);

  /* Typography Colors */
  --text-primary: #ecfdf5;
  --text-secondary: #9ca3af;
  --text-muted: #6b7280;

  /* Fonts */
  --font-display: 'Space Grotesk', system-ui, -apple-system, sans-serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* Layout & Radius */
  --max-width: 1080px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}