/* =====================================================================
   InKuba · Coming Soon · Design tokens
   ===================================================================== */

:root {
  /* ----- Paleta ----- */
  --ink-black:       #050505;
  --ink-near-black:  #0a0a0a;
  --ink-paper:       #f4f1ec;
  --ink-line:        rgba(255, 255, 255, 0.12);
  --ink-muted:       rgba(255, 255, 255, 0.55);
  --ink-faint:       rgba(255, 255, 255, 0.35);

  /* ----- Tipografía ----- */
  --font-display:    "Cormorant Garamond", "Times New Roman", serif;
  --font-ui:         "Inter Tight", system-ui, -apple-system, sans-serif;
  --font-hand:       "Caveat", "Brush Script MT", cursive;
  --font-mono:       "JetBrains Mono", "Courier New", monospace;

  /* ----- Spacing (grid 8px) ----- */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 40px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;

  --pad-x: 8%;

  /* ----- Radios ----- */
  --radius-sm: 2px;
  --radius-md: 4px;

  /* ----- Z-index scale ----- */
  --z-overlay: 10;
  --z-sticky:  50;
  --z-modal:   100;

  /* ----- Easing ----- */
  --ease-out-expo:  cubic-bezier(.2, .7, .3, 1);
  --ease-in-out:    cubic-bezier(.65, 0, .35, 1);
}

@media (max-width: 768px) {
  :root {
    --pad-x: 24px;
  }
}