@font-face {
  font-family: "MAGMA Scaver Custom";
  src: url("../fonts/magma-scaver-custom-light.woff2?v=0.101") format("woff2"), url("../fonts/magma-scaver-custom-light.ttf?v=0.101") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "MAGMA Scaver Custom";
  src: url("../fonts/magma-scaver-custom-regular.woff2?v=0.101") format("woff2"), url("../fonts/magma-scaver-custom-regular.ttf?v=0.101") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "MAGMA Scaver Custom";
  src: url("../fonts/magma-scaver-custom-medium.woff2?v=0.101") format("woff2"), url("../fonts/magma-scaver-custom-medium.ttf?v=0.101") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "MAGMA Scaver Custom";
  src: url("../fonts/magma-scaver-custom-semibold.woff2?v=0.101") format("woff2"), url("../fonts/magma-scaver-custom-semibold.ttf?v=0.101") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "MAGMA Scaver Custom";
  src: url("../fonts/magma-scaver-custom-bold.woff2?v=0.101") format("woff2"), url("../fonts/magma-scaver-custom-bold.ttf?v=0.101") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "MAGMA Montserrat";
  src: url("../fonts/montserrat-variable.woff2") format("woff2"), url("../fonts/montserrat-variable.ttf") format("truetype-variations");
  font-display: swap;
  font-style: normal;
  font-weight: 100 900;
}

@font-face {
  font-family: "MAGMA Script";
  src: url("../fonts/montecarlo-regular.woff2") format("woff2"), url("../fonts/montecarlo-regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "MAGMA Samarata";
  src: url("../fonts/samarata.woff2") format("woff2"), url("../fonts/samarata.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  /* Colores de marca */
  --color-ink: #000000;
  --color-surface: #121212;
  --color-surface-raised: #212121;
  --color-surface-soft: #292929;
  --color-gold: #e5c96c;
  --color-gold-bright: #ffc107;
  --color-gold-deep: #9b802e;
  --color-ivory: #f5f5f5;
  --color-text: #e8e4dc;
  --color-text-muted: #b8b3aa;
  --color-line: #65572d;
  --color-success: #4f8f47;
  --color-focus: #ffe497;
  --color-danger: #b85a52;

  /* Tipografías */
  --font-heading: "MAGMA Scaver Custom", Georgia, "Times New Roman", serif;
  --font-heading-secondary: "MAGMA Scaver Custom", Georgia, "Times New Roman", serif;
  --font-masseuse-name: "MAGMA Scaver Custom", Georgia, "Times New Roman", serif;
  --font-display: "MAGMA Scaver Custom", Georgia, "Times New Roman", serif;
  --font-body: "MAGMA Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-script: "MAGMA Script", "Times New Roman", serif;
  --font-brand-script: "MAGMA Samarata", "MAGMA Script", cursive;
  --font-heading-weight-light: 300;
  --font-heading-weight-regular: 400;
  --font-heading-weight-medium: 500;
  --font-heading-weight-semibold: 600;
  --font-heading-weight-bold: 700;
  --font-heading-secondary-weight: 300;
  --font-masseuse-name-weight: 300;
  --font-display-weight: 400;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: clamp(0.9375rem, 0.82rem + 0.28vw, 1.125rem);
  --text-lg: clamp(1.1rem, 0.96rem + 0.5vw, 1.45rem);
  --text-script: clamp(1.8rem, 1.35rem + 1.25vw, 3rem);
  --text-title: clamp(1.75rem, 1.2rem + 2vw, 3.4rem);
  --text-hero: clamp(1.3rem, 0.9rem + 1.5vw, 2.15rem);
  --leading-body: 1.8;
  --leading-tight: 1.15;
  --tracking-label: 0.08em;

  /* Espaciado */
  --space-1: 0.375rem;
  --space-2: 0.625rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --section-space: clamp(5rem, 10vw, 10rem);

  /* Anchuras */
  --container: 76rem;
  --container-reading: 70ch;
  --gutter: clamp(1.25rem, 3.2vw, 3.5rem);

  /* Superficies e interacción */
  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --shadow-panel: 0 1.75rem 5rem rgba(0, 0, 0, 0.62);
  --shadow-soft: 0 1rem 2.5rem rgba(0, 0, 0, 0.36);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --duration-fast: 180ms;
  --duration-base: 420ms;
  --duration-menu: 420ms;
  --duration-gallery: 3200ms;
  --color-gallery-smoke: var(--color-gold-deep);
  --color-gallery-smoke-highlight: var(--color-gold);
  --z-header: 40;
  --z-floating: 60;
  --z-modal: 100;
}