/* GUSLAU PERFUMERÍA · variables de identidad (Guía de Identidad Visual 2026)
   Estructura: menú lateral café chocolate · área de trabajo marfil · dorado sólo para destacar. */
:root {
  /* 5 colores oficiales */
  --gl-chocolate: #2B1408;
  --gl-cafe: #351A0C;
  --gl-dorado: #D6A967;
  --gl-champagne: #F2CF8D;
  --gl-bronce: #B88C51;

  /* auxiliares permitidos (marfil, blanco cálido, neutros con matiz café) */
  --gl-marfil: #FBF7F0;
  --gl-papel: #FFFDF9;
  --gl-arena: #F4ECDF;
  --gl-linea: #E8DCC8;
  --gl-linea-fuerte: #D5C3A6;
  --gl-tinta: #2B1408;
  --gl-tinta-2: #5A4434;
  --gl-tinta-3: #765F4D;
  --gl-sobre-oscuro: #F3E9DA;
  --gl-sobre-oscuro-2: #BFA88D;

  /* estados (siempre con texto, nunca sólo color) */
  --ok: #3E6A37;      --ok-bg: #E6EEDC;
  --warn: #85560F;    --warn-bg: #F7EACB;
  --bad: #8C2E21;     --bad-bg: #F5DCD5;
  --info: #3B566C;    --info-bg: #E1E8EE;

  /* gráficos */
  --ch-ingreso: #2B1408;
  --ch-gasto: #B88C51;
  --ch-utilidad: #5E7A34;
  --ch-presupuesto: #8C2E21;
  --ch-suave: #E3D3B8;

  /* tipografía */
  --f-display: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --f-ui: 'Manrope', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;

  --r-sm: 4px; --r-md: 8px; --r-lg: 12px;
  --sh-1: 0 1px 2px rgba(43, 20, 8, .06), 0 2px 8px rgba(43, 20, 8, .04);
  --sh-2: 0 12px 40px rgba(43, 20, 8, .22);
  --sidebar-w: 252px;
  color-scheme: light;
}