/* The Show Salon — design tokens · v2 editorial luxury
   Inspiración: Aman, Aesop, Soho House, Net-a-Porter.
   Paleta: noir profundo + champagne bronce + cream tibio. */

:root {
  /* —— Marca · paleta editorial —— */
  --noir:        #0B0B0B;   /* negro absoluto */
  --noir-2:      #131312;   /* surface 1 */
  --noir-3:      #1C1B19;   /* surface 2 */
  --line:        #2B2925;   /* borde sutil */
  --line-2:      #3A3732;   /* divisor */

  --champagne:   #B8956A;   /* dorado bronce — menos amarillo */
  --champagne-2: #C9A878;   /* hover */
  --champagne-3: #8E6F4D;   /* profundo */

  --cream:       #EBE3D5;   /* claro principal */
  --cream-2:     #D9CDB9;   /* claro hover */
  --cream-3:     #F5F0E6;   /* lightest */

  --text:        #EBE3D5;   /* texto sobre noir */
  --text-2:      #9C9389;   /* texto secundario */
  --text-3:      #6B6359;   /* terciario / labels */

  /* —— Tema claro (para algunos bloques) —— */
  --light-bg:    #F5F0E6;
  --light-text:  #131312;
  --light-mute:  #6B6359;

  /* —— Estados —— */
  --ok:    #7B9B7E;
  --warn:  #B8956A;
  --err:   #B66B5E;
  --info:  #6F8AA5;
  --plum:  #9678AA;

  /* —— Tipografía —— */
  --f-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --f-body:    "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, monospace;

  /* Escalas */
  --tracking-tight:  -0.02em;
  --tracking-display: -0.025em;
  --tracking-eyebrow: 0.22em;
  --tracking-uppercase: 0.08em;

  /* —— Geometría · menos redondez, más editorial —— */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;
  --r-xl: 14px;

  /* —— Sombras · sutilísimas —— */
  --shadow-soft:  0 1px 3px rgba(0,0,0,.4);
  --shadow-card:  0 20px 60px -20px rgba(0,0,0,.6);
  --shadow-lift:  0 30px 80px -30px rgba(0,0,0,.7);

  /* —— Spacing helpers (8pt grid) —— */
  --gap-xs: 8px;
  --gap-sm: 16px;
  --gap-md: 28px;
  --gap-lg: 48px;
  --gap-xl: 80px;
  --gap-2xl: 120px;
}