:root {
  /* Brand palette, derived from the Swiftly mark (sage ring + tan arrow on cream) */
  --primary: #537159;
  --primary-dark: #435c48;
  --primary-soft: #99b09c;   /* the logo's own ring green, for soft fills/tags */
  --accent: #dfba90;         /* the logo's arrow tan, for highlights */

  --background: #fcf5ed;
  --surface: #ffffff;
  --text: #2b2620;
  --text-muted: #8a8175;
  --border: #e8dfd2;

  --success: #3f7a4c;
  --danger: #b5484b;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --shadow-sm: 0 2px 8px rgba(43, 38, 32, 0.06);
  --shadow-md: 0 10px 30px rgba(43, 38, 32, 0.1);

  /* Centralized animation timing/easing, per the animation UI requirement */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;

  --font-brand: "Quicksand", system-ui, sans-serif;
}