@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Lilita+One&display=swap');

:root {
  /* Colors */
  --c-primary-dark: #282e3f;
  --c-secondary-dark: #353c4e;
  --c-accent-primary: #c18f59;
  --c-accent-secondary: #bf884e;
  --c-accent-light: #e0b07a;
  --c-text-light: #ffffff;
  --c-bg-light: #f2f2f2;

  /* Tipografía */
  --font-primary: 'Google Sans', sans-serif;
  --font-secondary: 'Cal Sans', sans-serif;
  --font-ui: 'Google Sans', sans-serif;

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

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 32px;
  --radius-pill: 100px;

  /* Shadows */
  --shadow-img: 0 8px 24px rgba(0, 0, 0, 0.12);
  /* Font Weights */
  /* Transitions */
  --transition-fast: 0.2s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
}