/* KOBE — design tokens */
:root {
  /* Paleta */
  --kobe-black:     #0A0A0A;
  --kobe-graphite:  #141416;
  --kobe-carbon:    #1E1E22;
  --kobe-steel:     #2A2A2F;
  --kobe-white:     #F5F5F5;
  --kobe-gray:      #9A9A9F;
  --kobe-red:       #E10600;
  --kobe-red-dark:  #B00500;

  /* Tipografía */
  --ff-display: "Rajdhani", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ff-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ff-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-h1:      clamp(2.5rem, 6vw, 5rem);
  --fs-h2:      clamp(1.75rem, 3.5vw, 3rem);
  --fs-h3:      1.25rem;
  --fs-body:    1rem;
  --fs-small:   0.75rem;

  --lh-tight:   1.1;
  --lh-heading: 1.2;
  --lh-body:    1.6;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  --ls-wide:    0.1em;

  /* Spacing (base 8px) */
  --space-1:  8px;
  --space-2:  16px;
  --space-3:  24px;
  --space-4:  32px;
  --space-6:  48px;
  --space-8:  64px;
  --space-12: 96px;
  --space-16: 128px;

  /* Radios / bordes */
  --radius-sm: 2px;
  --radius-md: 4px;
  --border-1:  1px solid var(--kobe-steel);

  /* Breakpoints (referencia en comentarios; media queries hardcoded) */
  /* sm 640, md 768, lg 1024, xl 1280 */

  /* Container */
  --container-max: 1280px;
  --container-pad: clamp(16px, 4vw, 32px);

  /* Animación */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-med:  320ms;
  --dur-slow: 640ms;
}