@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,900&family=Sora:wght@400;600&display=swap');

:root {
  /* Tipografía */
  --font-title:  "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:   "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --font-weight-400: 400;
  --font-weight-600: 600;
  --font-weight-900: 900;

  /* Paleta principal — impre.mx */
  --color-ink:   #1A1A1B;
  --color-stone: #E5E5E7;
  --color-sky:   #7296D4;
  --color-cloud: #FAFAFB;

  /* Aliases semánticos */
  --color-bg:           var(--color-cloud);
  --color-bg-secondary: var(--color-stone);
  --color-bg-dark:      var(--color-ink);
  --color-accent:       var(--color-sky);
  --color-accent-hover: #5A7DC0;

  /* Texto */
  --color-text:          var(--color-ink);
  --color-muted:         #6B6B6F;
  --color-text-inverse:  #FFFFFF;
  --color-border:        var(--color-stone);

  /* Funcionales UI */
  --color-success: #2D8A56;
  --color-warning: #D4A72C;
  --color-danger:  #C4424B;
  --color-info:    var(--color-sky);

  /* Superficies */
  --color-surface:       #FFFFFF;
  --color-surface-solid: var(--color-cloud);

  /* Radios */
  --radius-btn:  8px;
  --radius-card: 12px;
  --radius-input: 8px;
  --radius-pill: 999px;
  --radius-xl:   999px;
  --radius-card-lg: clamp(12px, 1.6vw, 20px);

  /* Sombras */
  --shadow-card:       0 1px 3px rgba(26, 26, 27, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(26, 26, 27, 0.10);
  --shadow-cta:        0 8px 24px rgba(114, 150, 212, 0.30);
  --shadow-soft:       0 14px 40px rgba(26, 26, 27, 0.10);
  --shadow-strong:     0 22px 70px rgba(26, 26, 27, 0.16);

  /* Backgrounds compuestos */
  --glass-bg:     rgba(250, 250, 251, 0.80);
  --glass-bg-2:   rgba(26, 26, 27, 0.04);
  --glass-border: rgba(26, 26, 27, 0.10);
  --glass-blur:   16px;

  --bg-base: var(--color-cloud);

  /* Transiciones */
  --transition: all 200ms ease;

  /* Focus */
  --focus-ring: 0 0 0 2px rgba(114, 150, 212, 0.35);

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

--container-max: clamp(36rem, 90vw, 100rem);
}