/* ============================================================
   PROSPA FINANCIAL — DESIGN TOKENS
   The single source of truth for the brand. Every component
   and section reads from these custom properties.
   ============================================================ */
:root {
  /* Brand */
  --teal: #135f69;
  --teal-700: #0f4c54;
  --teal-900: #0a363c;
  --green: #5dce38;
  --green-600: #4eb52d;
  --accent: #d0dfe1;

  /* Suggested warm accent — used sparingly to harmonise the cool palette */
  --ember: #c65a1e;
  --ember-strong: #a8481a;
  --ember-soft: #f9ece2;

  /* Backgrounds */
  --bg0: #ffffff;
  --bg1: #f2fbef;
  --bg2: #f3f7f7;

  /* Neutrals / text */
  --ink: #121212;
  --ink-2: #1f2124;
  --slate: #33373d;
  --gray: #616773;
  --line: #e6ecec;
  --line-2: #ededed;
  --white: #ffffff;

  /* Feedback */
  --danger: #d8584f;

  /* Shadows */
  --sh-card: rgba(19, 95, 105, 0.08) 0 0 60px 0;
  --sh-raise: rgba(19, 95, 105, 0.12) 0 8px 60px 0;
  --sh-glow: rgba(19, 95, 105, 0.62) 0 0 20px 0;

  /* Radii */
  --r-sm: 10px;
  --r-md: 15px;
  --r-lg: 20px;
  --r-xl: 30px;
  --r-pill: 100px;

  /* Layout */
  --maxw: 1080px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-snap: 250ms;
  --dur-base: 300ms;
  --dur-reveal: 500ms;
  --dur-fade: 1000ms;
}