/* Tokens del sistema de diseño de Sofía Rodríguez.
   Espejo de design/tokens-sistema-diseno.json, donde se documenta el uso
   y el contraste de cada color. El resto de hojas solo consume estas variables. */

:root {
  /* Color */
  --crema: #faf6f1;
  --crema-200: #f3ece4;
  --nude-200: #ede3d9;
  --nude-400: #d0bdac;
  --nude-600: #8a7360;
  --oro-300: #e3cc9d;
  --oro-500: #c9a868;
  --oro-700: #7a5c2e;
  --grafito-500: #6e6e6e;
  --tinta: #352f2c;
  --tinta-suave: #6b635e;
  --blanco: #ffffff;
  --linea: #d9cdc0;

  /* Tipografía */
  --font-display: "Cormorant Garamond", "Cormorant", Georgia, serif;
  --font-rotulo: "Lobster", "Brush Script MT", cursive;
  --font-sans: "Montserrat", "Avenir Next", system-ui, sans-serif;

  /* Radios */
  --r-sm: 2px;
  --r-md: 12px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Sombras */
  --halo: 0 0 28px rgba(227, 204, 157, .55);
  --elev: 0 8px 24px rgba(53, 47, 44, .08);

  /* Cristal: barra del menú al desplazarse y panel del menú móvil */
  --cristal-fondo: rgba(255, 255, 255, .5);
  --cristal-borde: rgba(255, 255, 255, .65);
  --cristal-filtro: blur(20px) saturate(1.5);
  --cristal-sombra: 0 8px 28px rgba(53, 47, 44, .12), inset 0 1px 0 rgba(255, 255, 255, .7);
}