/* ══════════════════════════════════════════════════════════
   SimplyFast.AI — "Luminous Velocity" tokens (Google Stitch design system)
   Light-mode glassmorphism: Electric Violet / Neon Cyan / Digital Lime
   on a high-gloss off-white base. Glow tokens replace grey shadows.
   ══════════════════════════════════════════════════════════ */
:root {
  /* ── surfaces ── */
  --surface:            #faf8ff;
  --surface-dim:        #d2d9f4;
  --surface-c-lowest:   #ffffff;
  --surface-c-low:      #f2f3ff;
  --surface-c:          #eaedff;
  --surface-c-high:     #e2e7ff;
  --on-surface:         #131b2e;
  --on-surface-variant: #494454;
  --outline:            #7b7486;
  --outline-variant:    #cbc3d7;

  /* ── brand roles ── */
  --primary:            #6b38d4;   /* Electric Violet — the "AI" layer     */
  --on-primary:         #ffffff;
  --primary-container:  #8455ef;
  --primary-fixed:      #e9ddff;
  --secondary:          #00687a;   /* dark teal — AA-safe text accent      */
  --secondary-container:#57dffe;   /* Neon Cyan — backgrounds/accents only */
  --secondary-fixed-dim:#4cd7f6;
  --tertiary:           #3f6700;
  --tertiary-fixed:     #acf847;   /* Digital Lime — sparks only, never text */
  --tertiary-fixed-dim: #91db2a;

  /* ── dark footer ── */
  --violet-deep:        #23005c;   /* on-primary-fixed — the brand's deepest purple */
  --violet-deep-hi:     #2c0f70;
  --paper:              #eef0ff;   /* inverse-on-surface — text on dark */
  --violet-soft:        #d0bcff;   /* inverse-primary — accents on dark  */

  /* ── glass layers ── */
  --glass-bg:        rgba(255,255,255,.55);
  --glass-bg-strong: rgba(255,255,255,.72);
  --glass-border:    rgba(255,255,255,.45);
  --hairline:        rgba(107,56,212,.14);

  /* ── glow tokens (light-bleed instead of grey shadows) ── */
  --glow-violet:      0 20px 50px rgba(107,56,212,.15);
  --glow-violet-soft: 0 16px 40px rgba(107,56,212,.08);
  --glow-violet-deep: 0 24px 60px rgba(107,56,212,.28);
  --glow-cyan:        0 20px 50px rgba(76,215,246,.18);
  --glow-cyan-soft:   0 16px 40px rgba(76,215,246,.10);

  /* ── gradients ── */
  --grad-button: linear-gradient(135deg,#6b38d4 0%,#8455ef 55%,#4cd7f6 125%);
  --grad-card:   linear-gradient(135deg,#6b38d4 0%,#7b45e0 70%,#4cd7f6 135%);
  --grad-text:   linear-gradient(135deg,#6b38d4 0%,#00687a 100%);
  --grad-border: linear-gradient(135deg,#6b38d4,#8455ef,#4cd7f6);
  --grad-rule:   linear-gradient(90deg,#6b38d4,#57dffe);

  /* ── speed-line streaks (site-wide animated background) ── */
  --streak-violet: rgba(107,56,212,.85);
  --streak-cyan:   rgba(76,215,246,.9);

  /* ── type: Plus Jakarta Sans for Latin, Heebo carries Hebrew (and the
        offline fallback for everything) ── */
  --font-latin: 'Plus Jakarta Sans','Heebo',system-ui,sans-serif;
  --font-he:    'Heebo','Plus Jakarta Sans',system-ui,sans-serif;

  /* ── rounded shape language ── */
  --r-sm:   8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  24px;
  --r-2xl: 32px;
  --r-pill: 999px;

  /* ── spacing: 8px unit, airy rhythm ── */
  --u: 8px;
  --maxw: 1280px;
  --gutter: 24px;
  --pad-x: clamp(20px, 5vw, 64px);
  --sect-half: clamp(56px, 5.5vw, 80px);  /* two halves meet = 112–160px section rhythm */
  --ease: cubic-bezier(.22,1,.36,1);

  /* ── touch ── */
  --tap: 44px;   /* minimum touch-target size */
}

/* Heebo variable — self-hosted, full Hebrew + Latin glyphs (offline-safe) */
@font-face {
  font-family: 'Heebo';
  src: url('../fonts/Heebo[wght].ttf') format('truetype');
  font-weight: 100 900;
  font-display: swap;
}