/* ============================================
   NOVA DENTAL STUDIO — Sistema de diseño
   MetaVerso Studio
   ============================================ */

:root {
  /* --- Color --- */
  --color-primary: #0d4f5c;
  --color-primary-dark: #073640;
  --color-primary-deep: #04222a;
  --color-secondary: #66c7c5;
  --color-accent: #b8ece7;
  --color-background: #f7fbfb;
  --color-surface: #ffffff;
  --color-surface-alt: #eef5f5;
  --color-text: #12252a;
  --color-muted: #60747a;
  --color-border: #dce9e9;
  --color-success: #2f8f6b;
  --color-error: #c04a3d;

  /* --- Tipografía --- */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Manrope", "Helvetica Neue", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", monospace;

  --fs-h1: clamp(2.4rem, 6vw, 4.6rem);
  --fs-h2: clamp(1.9rem, 4vw, 3rem);
  --fs-h3: clamp(1.25rem, 2.4vw, 1.6rem);
  --fs-h4: 1.05rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9rem;
  --fs-label: 0.72rem;

  --lh-tight: 1.08;
  --lh-snug: 1.3;
  --lh-body: 1.7;

  /* --- Espaciado --- */
  --space-xs: 0.5rem;
  --space-sm: 0.875rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 9rem;

  /* --- Bordes --- */
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 22px;
  --radius-full: 999px;

  /* --- Sombras --- */
  --shadow-soft: 0 2px 14px rgba(13, 79, 92, 0.06);
  --shadow-raised: 0 18px 46px -18px rgba(13, 79, 92, 0.22);
  --shadow-float: 0 14px 34px -8px rgba(13, 79, 92, 0.34);

  /* --- Layout --- */
  --wrap: 1240px;
  --gutter: clamp(1.25rem, 5vw, 4rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}