/*
Theme Name: Hevte Theme
Theme URI: https://hevte.com
Author: Hevte
Author URI: https://hevte.com
Description: Hevte — Tech Built of Systems. Dark purple AI-era theme with advanced React SPA, Vite, Tailwind, and Framer Motion animations.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hevte
Tags: dark, purple, ai, technology, spa, tailwind, react
*/

/* ============================================================
   CSS DESIGN TOKENS — Single source of truth
   ============================================================ */
:root {
  /* === Core Background === */
  --bg-base:      #07040f;
  --bg-surface:   #0c0820;
  --bg-card:      #110d24;
  --bg-raised:    #17122e;
  --bg-glass:     rgba(255,255,255,0.04);

  /* === Purple Scale === */
  --purple-950:   #2e1065;
  --purple-800:   #4c1d95;
  --purple-700:   #6d28d9;
  --purple-600:   #7c3aed;
  --purple-500:   #8b5cf6;
  --purple-400:   #a78bfa;
  --purple-300:   #c4b5fd;
  --purple-200:   #ddd6fe;

  /* === Accent / Chrome === */
  --accent-pink:  #d946ef;
  --chrome:       #d4d0e8;
  --chrome-dim:   #8b8ba8;
  --white:        #ffffff;
  --off-white:    #f4f1ff;

  /* === Glow / Border === */
  --glow-purple:  rgba(139, 92, 246, 0.35);
  --glow-pink:    rgba(217, 70, 239, 0.25);
  --border-glass: rgba(139, 92, 246, 0.18);
  --border-card:  rgba(255,255,255,0.07);

  /* === Typography === */
  --font-display: 'Space Grotesk', 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* === Spacing === */
  --section-py:   7rem;
  --card-radius:  1.25rem;
  --btn-radius:   9999px;

  /* === Transitions === */
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
}