/* Design tokens — ember/forge on warm-dark
   Cryptography & DeFi engineer · orange-red identity */

:root {
  /* ----- Surfaces (warm near-black, not pure #000) ----- */
  --bg:        #0c0a0a;
  --bg-soft:   #120e0d;
  --surface:   #181312;
  --surface-2: #1f1816;
  --line:      #2c2320;
  --line-soft: #221b19;

  /* ----- Ink ----- */
  --text:      #f6f1ed;
  --muted:     #b3a59d;
  --faint:     #7d716b;

  /* ----- Ember accent (橘紅) ----- */
  --ember:     #ff7a1f;   /* orange */
  --flame:     #ff2d2d;   /* red */
  --ember-hi:  #ffb070;   /* warm highlight */
  --on-ember:  #1a0c04;   /* ink on solid ember */
  --gradient:  linear-gradient(102deg, #ff9a3d 0%, #ff5a1f 45%, #ff2630 100%);
  --gradient-soft: linear-gradient(102deg, rgba(255,154,61,.16), rgba(255,38,48,.10));
  --glow:      rgba(255, 110, 40, 0.28);
  --glow-soft: rgba(255, 110, 40, 0.12);

  /* ----- Type ----- */
  --font-display: 'Clash Display', 'Space Grotesk', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Fluid type scale */
  --step--1: clamp(0.78rem, 0.74rem + 0.18vw, 0.86rem);
  --step-0:  clamp(0.95rem, 0.90rem + 0.25vw, 1.05rem);
  --step-1:  clamp(1.15rem, 1.05rem + 0.5vw, 1.45rem);
  --step-2:  clamp(1.5rem, 1.30rem + 1vw, 2.1rem);
  --step-3:  clamp(2.0rem, 1.6rem + 2vw, 3.1rem);
  --step-hero: clamp(2.8rem, 1.9rem + 4.6vw, 6.2rem);

  /* ----- Space + shape ----- */
  --maxw: 1080px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
  --section-y: clamp(4rem, 9vw, 7.5rem);
  --radius: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --border: 1px solid var(--line);

  /* ----- Motion ----- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 0.5s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.001s; }
}