/**
 * Muebles ROPY — Design System V1.0 Tokens
 * Basado en paleta oficial y especificaciones de descanso
 * Cero emojis.
 */
:root {
  /* Paleta de Marca */
  --color-brand-primary: #1E293B;    /* Azul pizarra profundo */
  --color-brand-secondary: #8B5E3C;  /* Madera cálida para CTAs */
  --color-brand-accent: #C87D55;     /* Terracota suave */

  /* Paleta de Superficies */
  --ropy-sand-header-bg: #D9BD9F;    /* Arena cálido cabecera exterior */
  --ropy-sand-light: #F9F3EC;        /* Arena claro de fondo */
  --ropy-sand-button: #D5B89A;       /* Botones secundarios */
  --ropy-sand-hero-shape: #E5CDB3;   /* Formas orgánicas hero */
  --ropy-hero-title-beige: #D8B998;  /* Título display */
  --ropy-sale-blue: #0038A8;         /* Azul intenso franja SALE */
  --ropy-sale-green: #14532D;        /* Verde oscuro lateral SALE */
  --ropy-chat-bg: #F4E3DC;           /* Fondo botón chat */
  --ropy-border-dark: #111111;       /* Bordes definidos */

  --color-surface-header-bg: #FFFFFF;
  --color-surface-header-topbar-bg: #1E293B;
  --color-surface-footer-bg: #0F172A;
  --color-surface-page: #FFFFFF;
  --color-surface-muted: #F8FAFC;

  /* Textos */
  --color-text-primary: #0F172A;
  --color-text-secondary: #334155;
  --color-text-muted: #64748B;
  --color-text-inverse: #F8FAFC;
  --color-text-inverse-muted: #CBD5E1;

  /* Tipografía */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Dimensiones y Bordes */
  --container-max-width: 1360px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 9999px;

  /* Sombras */
  --shadow-xs: 0 1px 3px rgba(15, 23, 42, 0.08);
  --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 10px 25px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.18);
  --shadow-dropdown: 0 12px 28px rgba(30, 41, 59, 0.16);

  /* Transiciones */
  --transition-fast: 160ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 280ms cubic-bezier(0.4, 0, 0.2, 1);
}