:root {
  /* ========================================
     NAVAO | Quiet Luxury Design System
     ======================================== */

  /* Colores principales */
  --color-black-deep: #0a0a0a;
  --color-black: #111111;
  --color-black-soft: #181818;
  --color-ivory: #faf9f6;
  --color-sand: #efe9de;

  /* Micro-acento exclusivo */
  --color-gold: #c5a46d;

  /* Colores de texto */
  --color-text-dark: #111111;
  --color-text-light: #faf9f6;
  --color-text-muted-light: rgba(250, 249, 246, 0.72);
  --color-text-muted-dark: rgba(17, 17, 17, 0.66);

  /* Tipografías */
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  /* Contenedores */
  --content-width: 1440px;
  --content-width-reading: 760px;
  --page-padding: clamp(20px, 5vw, 80px);

  /* Espaciado vertical */
  --section-space: clamp(96px, 11vw, 160px);
  --section-space-small: clamp(64px, 8vw, 112px);

  /* Esquinas */
  --radius-small: 10px;
  --radius-card: 24px;
  --radius-pill: 999px;

  /* Bordes */
  --border-light: 1px solid rgba(250, 249, 246, 0.16);
  --border-dark: 1px solid rgba(17, 17, 17, 0.12);

  /* Profundidad sutil */
  --shadow-card: 0 24px 70px rgba(0, 0, 0, 0.16);
  --shadow-floating: 0 16px 50px rgba(0, 0, 0, 0.22);

  /* Superficies translúcidas */
  --glass-dark: rgba(17, 17, 17, 0.7);
  --glass-light: rgba(250, 249, 246, 0.76);
  --glass-blur: blur(18px);

  /* Movimiento */
  --transition-fast: 200ms ease;
  --transition-hover: 300ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 500ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-reveal: 900ms cubic-bezier(0.22, 1, 0.36, 1);
}