/* ==========================================================================
   Kasos Palace — Design Tokens
   Single source of truth for color, type, spacing, radius and shadow.
   Update values here to re-theme the entire site.
   ========================================================================== */

:root {
  /* Color palette */
  --color-white: #ffffff;
  --color-navy: #0f2a43;
  --color-navy-soft: #1c3a55;
  --color-aegean: #2e6f95;
  --color-aegean-light: #5b9bd5;
  --color-sand: #efe3d0;
  --color-sand-dark: #d9c4a0;
  --color-bg-light: #faf9f6;
  --color-gray-100: #f4f3f0;
  --color-gray-200: #e9e7e2;
  --color-text: #1c2b3a;
  --color-text-muted: #5b6b7a;
  --color-border: #e5e1d8;

  /* Typography */
  --font-heading: "Playfair Display", "Georgia", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-full: 999px;

  /* Shadow */
  --shadow-sm: 0 2px 10px rgba(15, 42, 67, 0.06);
  --shadow-md: 0 10px 30px rgba(15, 42, 67, 0.08);
  --shadow-lg: 0 24px 60px rgba(15, 42, 67, 0.14);

  /* Spacing */
  --section-padding-y: clamp(4rem, 8vw, 7rem);
  --container-padding-x: clamp(1.25rem, 4vw, 2.5rem);

  /* Motion */
  --transition-base: 0.35s ease;
  --transition-fast: 0.2s ease;
}