/* ==========================================================================
   Sellos Silva — Design tokens
   Extraídos de la Guía de Estilo (Figma): colores, tipografía, espaciados.
   ========================================================================== */
:root{
  /* Color — Guía de Color (Figma) */
  --c-black: #231F20;      /* Rich in Black */
  --c-white: #FCFAF9;      /* Baby Powder */
  --c-yellow: #FFCA05;     /* Sunglow */
  --c-gray: #BFBFBF;       /* Silver Sand */

  --c-black-soft: #34302f;
  --c-gray-100: #F5F4F3;
  --c-gray-200: #E7E5E4;
  --c-gray-300: #D8D6D5;
  --c-yellow-dark: #E0B200;

  --c-text: var(--c-black);
  --c-text-muted: #5b5756;
  --c-bg: var(--c-white);
  --c-bg-dark: var(--c-black);

  /* Tipografía — Inter, escala de la Guía de Estilo */
  --font-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  --fs-h1: clamp(2.4rem, 1.4rem + 4.2vw, 5.625rem);   /* 90px */
  --fs-h2: clamp(2rem, 1.3rem + 3vw, 4rem);            /* 64px */
  --fs-h3: clamp(1.6rem, 1.1rem + 2.2vw, 3.625rem);    /* 58px */
  --fs-h4: clamp(1.4rem, 1.1rem + 1.3vw, 2.625rem);    /* 42px */
  --fs-h5: clamp(1.25rem, 1rem + 1vw, 2.25rem);        /* 36px */
  --fs-h6: 1.5rem;                                      /* 24px */
  --fs-p: 1.125rem;                                     /* 18px */
  --fs-p-01: 1.25rem;                                   /* 20px */
  --fs-p-02: 1.375rem;                                  /* 22px */
  --fs-small: 0.9rem;

  --lh-h1: 1.2; --lh-h2: 1.2; --lh-h3: 1.14; --lh-h4: 1.19; --lh-h5: 1.2; --lh-h6: 1.2;
  --lh-p: 1.45;

  /* Espaciado */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --space-7: 6rem;

  --container: 1320px;
  --radius: 4px;
  --radius-lg: 8px;
  --header-h: 84px;

  --shadow-sm: 0 2px 10px rgba(35,31,32,.08);
  --shadow-md: 0 10px 30px rgba(35,31,32,.14);

  --transition: .2s ease;
}