/* ============================================
   KREII FERLBÉ — DESIGN TOKENS
   Sistema visual base del sitio
   ============================================ */

:root {
  /* --- TIPOGRAFÍA --- */
  --font-primary: 'Montserrat', sans-serif;
  --font-display: 'Playfair Display', serif;
  --font-support: 'Inter', sans-serif;

  /* Pesos tipográficos */
  --font-light:     300;
  --font-regular:   400;
  --font-semibold:  600;
  --font-bold:      700;
  --font-extrabold: 800;

  /* --- COLORES --- */
  --color-marine:     #173760;
  --color-cornflower: #4FA0FF;
  --color-mint:       #3BA99C;
  --color-chalk:      #E8EBEF;
  --color-white:      #FFFFFF;
  --color-black:      #000000;

  /* --- TEXTO --- */
  --text-primary: #173760;
  --text-light:   #FFFFFF;
  --text-muted:   rgba(23, 55, 96, 0.7);

  /* --- ESPACIADO --- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  6rem;
  --space-xxl: 8rem;

  /* --- TAMAÑOS TIPOGRÁFICOS --- */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-md:   1.25rem;
  --text-lg:   1.5rem;
  --text-xl:   2rem;
  --text-2xl:  2.5rem;
  --text-3xl:  3rem;
  --text-4xl:  4rem;

  /* --- SOMBRAS --- */
  --shadow-sm: 0 2px 8px rgba(23, 55, 96, 0.08);
  --shadow-md: 0 4px 20px rgba(23, 55, 96, 0.12);
  --shadow-lg: 0 8px 40px rgba(23, 55, 96, 0.16);

  /* --- TRANSICIONES --- */
  --transition:      0.3s ease;
  --transition-slow: 0.7s ease;

  /* --- LAYOUT --- */
  --max-width:      1280px;
  --max-width-text: 720px;
}