:root {
  /* === Paleta del estudio (extraída del background) === */
  --sky-1: #C9E5F2;       /* cielo de la ventana */
  --sky-2: #7CBEE2;
  --sky-3: #4A8FB8;

  /* Tonos cálidos del estudio */
  --emerald:    #1F4D2A;  /* chesterfield + bookshelf */
  --emerald-2:  #0F3A1C;  /* sombras */
  --emerald-3:  #2D6B3D;  /* lámpara banquero */

  --wood:       #5F3F25;
  --wood-2:     #3D2716;
  --wood-3:     #8B6435;

  --gold:       #C9A158;  /* base de lámpara, dorados */
  --gold-2:     #B8924A;
  --gold-soft:  #E0C480;

  --paper:      #ECDDB6;  /* páginas, cream cálido */
  --paper-2:    #D8C89A;
  --paper-3:    #F5EBCD;

  /* Navy se mantiene para texto sobre superficies claras */
  --navy:   #1A2840;
  --navy-2: #2A3A55;
  --navy-3: #3D5070;

  /* Tinta */
  --ink:    #1A1410;
  --ink-2:  #3A2F22;
  --ink-3:  #6B5A48;
  --ink-mute:#9C8C78;

  /* Sobre fondo oscuro/imagen */
  --on-dark:    #F5EBCD;
  --on-dark-2:  rgba(245, 235, 205, 0.82);
  --on-dark-3:  rgba(245, 235, 205, 0.55);

  --green-ok:   #2BB673;

  /* Glass */
  --glass-bg:        rgba(255, 252, 246, 0.92);
  --glass-border:    rgba(26, 40, 64, 0.08);
  --glass-shadow:    0 10px 30px rgba(15, 20, 30, 0.18);

  /* Tipografía */
  --font-sans:  "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-serif: "Cormorant Garamond", Georgia, serif;

  /* Hero typography */
  --h1-size: clamp(2.4rem, 6.5vw, 4.8rem);
  --h1-leading: 1.04;
  --h1-tracking: -0.025em;

  /* Espaciado */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Radios */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-1: 0 1px 2px rgba(26, 20, 16, 0.08), 0 1px 3px rgba(26, 20, 16, 0.06);
  --shadow-2: 0 6px 18px rgba(26, 20, 16, 0.12);
  --shadow-3: 0 20px 50px rgba(15, 20, 30, 0.28);

  /* Container */
  --page-max: 1280px;

  /* Easing */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}