/* PAY-4 Botanique chic - Neo-Editorial sage greens */
:root {
  /* Skin */
  --bg: #F3EFE7;
  --bg-alt: #ECE6D8;
  --surface: #ECE6D8;
  --surface-2: #E4DCC8;
  --surface-deep: #1F2A23;
  --text: #2A2A26;
  --text-2: #4A4A42;
  --text-mute: #7A786E;
  --text-on-dark: #EFEAD8;
  --text-on-dark-2: #C8C2AE;
  --border: rgba(42, 42, 38, 0.12);
  --border-strong: rgba(42, 42, 38, 0.22);
  --border-on-dark: rgba(239, 234, 216, 0.18);

  --primary: #3A4A40;
  --accent: #3A4A40;
  --accent-2: #C9A77A;
  --accent-soft: rgba(58, 74, 64, 0.10);
  --accent-on-dark: #B8C9B3;

  --wa-green: #25D366;
  --wa-green-dark: #1FB956;

  /* Typo */
  --ff-display: 'Cormorant Garamond', 'Cormorant', 'Times New Roman', Georgia, serif;
  --ff-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ff-ui: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 22px;

  /* Header */
  --header-h: 76px;
  --header-h-mobile: 64px;

  /* Layers */
  --z-header: 1100;
  --z-menu: 1000;
  --z-fab: 900;
  --z-modal: 1500;

  /* Container */
  --container: 1240px;
}