/* ==========================================================================
   Unity Life and Health LLC — Treasure Coast + Leaf design tokens
   Source of truth for color, type, radius, and shadow.
   ========================================================================== */

:root {
  /* --- Treasure Coast palette --- */
  --ocean-teal: #1f7a78;
  --ocean-teal-deep: #165e5c;
  --ocean-teal-light: #3a9b98;
  --coastal-blue: #0f3d4c;
  --coastal-blue-mid: #1a5266;
  --coastal-blue-soft: #2a6a80;
  --sand: #e9e2d4;
  --sand-deep: #d4c9b5;
  --warm-white: #fbf8f3;
  --shell: #fffcf8;
  --palm: #4f7f62;
  --palm-deep: #3d6650;
  --palm-light: #6a9a78;
  --sunrise: #e08a5f;
  --sunrise-deep: #c47554;
  --sunrise-soft: #f4c9b3;

  /* --- Leaf-green family (from brand postcard) --- */
  --leaf: #7fb85c;
  --leaf-deep: #5a9440;
  --leaf-light: #a7d380;
  --leaf-soft: #e8f3dc;

  /* --- Chip / accent utilities --- */
  --chip-teal-bg: #d6ede9;
  --chip-teal-ring: #1f7a78;
  --chip-leaf-bg: #e8f3dc;
  --chip-leaf-ring: #5a9440;
  --chip-coral-bg: #fce3d5;
  --chip-coral-ring: #c47554;
  --chip-sand-bg: #f5eedd;
  --chip-sand-ring: #b09b73;
  --ink: #1a2b33;
  --ink-soft: #3d525c;
  --muted: #5e727c;
  --line: #d5cdc0;
  --surface: var(--warm-white);
  --surface-2: var(--sand);
  --white: #ffffff;

  /* Legacy aliases → coastal system (keeps existing components in sync) */
  --navy-950: #0a2a35;
  --navy-900: var(--coastal-blue);
  --navy-800: var(--coastal-blue-mid);
  --navy-700: var(--coastal-blue-soft);
  --green-700: var(--ocean-teal-deep);
  --green-600: var(--ocean-teal);
  --green-500: var(--ocean-teal-light);

  /* Elevation & shape */
  --shadow-sm: 0 1px 2px rgba(15, 61, 76, 0.06);
  --shadow-md: 0 10px 30px rgba(15, 61, 76, 0.08);
  --shadow-lg: 0 22px 50px rgba(15, 61, 76, 0.12);
  --shadow-sea: 0 18px 40px rgba(31, 122, 120, 0.12);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-sea: 28px;

  /* Layout */
  --container: 1120px;
  --narrow: 720px;
  --header-h: 72px;
  --utility-h: 52px;
  --mobile-cta-h: 68px;

  /* Type */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Source Sans 3", "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}