:root {
  /* PRIMARY OCEAN */
  --ocean: #2F8FA3;
  --ocean-deep: #247487;
  --turquoise: #58C5C8;
  --turquoise-soft: #8ED8D7;

  /* SOFT OCEAN BACKGROUNDS */
  --seafoam: #D9F2EF;
  --seafoam-light: #EEF8F6;

  /* WARM NEUTRALS */
  --sand: #F6EFE8;
  --sand-light: #FBF8F4;
  --cream: #FFFDFC;
  --warm-white: #FAF7F3;

  /* SENSUAL WARMTH */
  --blush: #F3E3E1;
  --coral: #C9857B;
  --coral-soft: #DCA39A;
  --terracotta: #B96F66;

  /* TEXT */
  --slate: #2F3942;
  --slate-soft: #59646B;
  --muted-text: #70787B;

  /* LINES */
  --border-soft: rgba(47, 57, 66, 0.10);

  /* GRADIENTS */
  --grad-ocean: linear-gradient(135deg, #2F8FA3 0%, #58C5C8 100%);
  --grad-soft: linear-gradient(135deg, #EEF8F6 0%, #FFFDFC 50%, #F3E3E1 100%);
  --grad-warm: linear-gradient(135deg, #F6EFE8, #F3E3E1);
  --grad-cta: linear-gradient(135deg, #D9F2EF, #F6EFE8);

  /* GLASS */
  --glass-bg: rgba(255, 253, 252, 0.72);
  --glass-border: rgba(255, 255, 255, 0.78);
  --glass-blur: 22px;
  --glass-shadow: 0 10px 30px rgba(47, 57, 66, 0.08);

  /* TYPE */
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: Montserrat, "Segoe UI", system-ui, sans-serif;
  --font-script: "Dancing Script", cursive;

  /* RADIUS */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-card: 22px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* SHADOW */
  --shadow-card: 0 10px 35px rgba(47, 57, 66, 0.07);
  --shadow-hover: 0 18px 45px rgba(47, 57, 66, 0.11);

  /* LAYOUT */
  --max: 1280px;
  --max-wide: 1320px;
  --max-text: 720px;
  --pad-x: clamp(20px, 4vw, 64px);
  --section-y: clamp(70px, 10vw, 130px);
  --header-h: 88px;
  --topbar-h: 64px;
  --tabbar-h: 78px;
  --tabbar-inset: 10px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --touch: 48px;

  --wa: #25D366;
}