/* PosyPlanner marketing site — design tokens.
   Coastal palette, shared with the client-app template (planner-template/template/public/css/tokens.css). */
:root {
  --bg: #F5F2EA;
  --surface: #FFFFFF;
  --ink: #2C3E45;
  --ink-soft: #5A7681;
  --hairline: #E6E2D6;
  --hairline-strong: #CBD9D3;

  --accent: #3F7E99;
  --accent-soft: #4E89A6;
  --accent-bg: #E9F1F2;

  --sage: #5A8B72;
  --sage-soft: #93B0B8;
  --sage-bg: #E6EFF0;

  --blush: #D99B6C;
  --blush-bg: #F6ECE2;

  --plum: #5FA39B;
  --plum-bg: #E4F0EE;

  --terracotta: #B2925F;

  --font-serif: 'Lora', Georgia, serif;
  --font-sans: 'Mulish', -apple-system, 'Segoe UI', sans-serif;

  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 1px 6px rgba(44, 62, 69, 0.06);
  --shadow-lift: 0 8px 24px rgba(44, 62, 69, 0.18);
}