/* ============================================================
   AARTUX — DESIGN TOKENS (variables.css)
   ============================================================
   This file is the SINGLE SOURCE OF TRUTH for all design
   decisions. Change values here to restyle the entire site.
   ============================================================ */

:root {
  /* ── Brand Colors ── */
  --c-bg:        #0a0a0a;
  --c-surface:   #111111;
  --c-border:    #1e1e1e;
  --c-text:      #e8e8e8;
  --c-text-dim:  #888888;
  --c-accent:    #c8ff00;        /* Neon lime — swap to any brand color */
  --c-accent-dim:#4a5e00;
  --c-white:     #ffffff;

  /* ── Typography ── */
  --f-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --f-base:   clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  --f-h1:     clamp(2.75rem, 2rem + 4vw, 6rem);
  --f-h2:     clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  --f-h3:     clamp(1.25rem, 1rem + 1vw, 1.75rem);
  --f-small:  0.875rem;

  /* ── Spacing ── */
  --s-section: clamp(6rem, 5rem + 5vw, 10rem);
  --s-gap:     clamp(1.5rem, 1rem + 2vw, 3rem);
  --s-page:    clamp(1.25rem, 1rem + 3vw, 6rem);

  /* ── Motion ── */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur:  0.7s;
}