/**
 * Design tokens — StriikzLeLama
 * Palette noir · orange · violet (yeux du perso)
 */

:root {
  /* Surfaces */
  --void: #060607;
  --ink: #0b0b0d;
  --surface: #121215;
  --elevated: #1a1a1f;
  --line: rgba(255, 107, 53, 0.14);
  --line-strong: rgba(255, 107, 53, 0.35);
  --line-violet: rgba(154, 92, 255, 0.22);

  /* Ember (orange brand) */
  --ember: #ff6b35;
  --ember-hot: #ff8f4a;
  --ember-deep: #d4531f;
  --ember-soft: rgba(255, 107, 53, 0.12);
  --ember-glow: rgba(255, 107, 53, 0.35);

  /* Violet (secondary — eyes / Ether) */
  --violet: #9a5cff;
  --violet-hot: #b884ff;
  --violet-deep: #6b3fc7;
  --violet-soft: rgba(154, 92, 255, 0.14);
  --violet-glow: rgba(154, 92, 255, 0.35);

  /* Text */
  --snow: #f7f5f2;
  --mist: #c3c1be;
  --ash: #95928d;
  --muted: #6e6b66;

  /* Type */
  --font-display: 'Syne', sans-serif;
  --font-body: 'Outfit', sans-serif;
  --font-brand: 'Lama Worlds', 'Syne', sans-serif;

  /* Layout */
  --container: 1480px;
  --container-wide: 1680px;
  --container-narrow: 780px;
  --pad-x: clamp(1.5rem, 5vw, 4.5rem);
  --section-y: clamp(4.5rem, 10vw, 8rem);
  --header-h: 4.25rem;
  --radius: 4px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.45s;
}