/* Hostalin · CSS Custom Properties · bare CSS
 * Para WordPress, Astro, vanilla. Pegar en :root.
 */

:root {
  /* Colores primarios */
  --hostalin-primary:        #5A9A9D;
  --hostalin-primary-anchor: #9AB6BA;
  --hostalin-primary-dark:   #16494C;

  /* Neutros */
  --hostalin-tint:      #ACCBBC;
  --hostalin-cream:     #F4F2EC;
  --hostalin-paper:     #FBFAF6;
  --hostalin-text:      #1A1A1A;
  --hostalin-text-soft: #6B6B66;
  --hostalin-rule:      #DDD8CE;

  /* Semánticos */
  --hostalin-danger: #A14545;
  --hostalin-good:   #1B6E4F;

  /* Tipografía */
  --hostalin-font-display: "Playfair Display", "EB Garamond", Georgia, serif;
  --hostalin-font-body:    "Inter", "Open Sans", -apple-system, system-ui, sans-serif;

  /* Type scale */
  --hostalin-text-xs:   0.78rem;
  --hostalin-text-sm:   0.88rem;
  --hostalin-text-base: 1.02rem;
  --hostalin-text-lg:   1.15rem;
  --hostalin-text-xl:   1.45rem;
  --hostalin-text-2xl:  1.85rem;
  --hostalin-text-3xl:  2.4rem;
  --hostalin-text-4xl:  3.2rem;
  --hostalin-text-5xl:  4.6rem;

  /* Spacing */
  --hostalin-space-xs:  4px;
  --hostalin-space-sm:  8px;
  --hostalin-space-md:  16px;
  --hostalin-space-lg:  24px;
  --hostalin-space-xl:  32px;
  --hostalin-space-2xl: 48px;
  --hostalin-space-3xl: 64px;
  --hostalin-space-4xl: 96px;

  /* Radius */
  --hostalin-radius-sm:   4px;
  --hostalin-radius-md:   8px;
  --hostalin-radius-lg:   14px;
  --hostalin-radius-full: 999px;

  /* Shadows */
  --hostalin-shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --hostalin-shadow-md: 0 4px 12px rgba(0,0,0,0.10);
  --hostalin-shadow-lg: 0 12px 28px rgba(0,0,0,0.12);
}