/**
 * Design tokens — StriikzLeLama
 * Palette orange / noir, affinées
 */

: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);

  /* 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);

  /* Text */
  --snow: #f7f5f2;
  --mist: #b8b6b3;
  --ash: #7a7874;
  --muted: #4a4845;

  /* Legacy aliases (compat) */
  --black: var(--void);
  --black-soft: var(--ink);
  --black-card: var(--surface);
  --orange: var(--ember);
  --orange-bright: var(--ember-hot);
  --orange-dim: var(--ember-deep);
  --orange-glow: var(--ember-glow);
  --white: var(--snow);
  --gray: var(--ash);
  --gray-light: var(--mist);

  /* Type */
  --font-display: 'Syne', sans-serif;
  --font-body: 'Outfit', 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;

  /* Legacy */
  --container-max: var(--container);
  --section-padding: var(--section-y);
  --gap: 1.5rem;
}