/* OLIMPO STUDIO — tokens de diseño */
:root {
  /* Color */
  --ink: #0b0b0c;
  --ink-raise: #101115;
  --carbon: #16181d;
  --carbon-2: #1d2026;
  --line: #2c2f35;
  --line-strong: #3a3e46;
  --line-cta: #565b65;

  --text: #f4efe6;
  --text-dim: #a8a59c;
  --text-faint: #8f8d84;

  --accent: #ff6a2b;
  --accent-hover: #ff8247;
  --accent-ink: #0b0706;
  --ember: #ffb457;

  --bg: var(--ink);
  --bg-panel: var(--carbon);
  --bg-inset: var(--ink-raise);

  /* Tipografía */
  --font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-pixel: "Silkscreen", "Space Grotesk", monospace;

  --fs-kicker: 0.78rem;
  --fs-meta: 0.72rem;
  --fs-sm: 0.92rem;
  --fs-body: 1.05rem;
  --fs-lead: clamp(1.1rem, 1.6vw, 1.3rem);
  --fs-h2: clamp(1.7rem, 3.6vw, 2.6rem);
  --fs-title: clamp(2.2rem, 5.4vw, 4rem);

  /* Espaciado */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6.5rem;

  /* Layout */
  --container: min(1280px, 92vw);
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
  --header-h: 74px;
  --hairline: 1px solid var(--line);

  /* Movimiento */
  --t-fast: 0.18s ease;
  --t-med: 0.32s ease;
  --t-slow: 0.7s cubic-bezier(0.22, 1, 0.36, 1);

  /* Capas */
  --z-sticky: 40;
  --z-menu: 50;
  --z-modal: 70;

  /* Corte de esquina "pixel" para paneles y botones */
  --cut: 14px;
  --cut-clip: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
}