/* TripDesk design tokens — RatePunk-adapted (researched from ratepunk.com):
   light base, warm sunny-yellow accent (#F8CC5D), dark petrol ink (#1F343E),
   Trustpilot-green for savings/positive, Poppins type, 16px card radius,
   pill buttons, savings-% as the hero number. */
:root {
  /* brand */
  --punk-yellow: #F8CC5D;
  --punk-yellow-dk: #E9B93F;
  --punk-yellow-soft: #FDF3D9;
  --ink: #1F343E;
  --ink-2: #46606C;
  --ink-3: #6D7A80;
  --sky: #4EB3E3;
  --save-green: #00B67A;
  --save-green-soft: #E0F7EF;
  --warn-amber: #F99C00;
  --warn-amber-soft: #FDEFD6;
  --danger-coral: #E04D66;
  --danger-coral-soft: #FBE4E8;

  /* surfaces */
  --canvas: #F7F8FA;
  --card: #FFFFFF;
  --card-sunken: #F1F3F5;
  --line: #E3E7EB;
  --line-strong: #CCD1D9;

  /* status pills */
  --st-new-bg: #EAF6FD;        --st-new-fg: #1D7FB4;
  --st-searching-bg: #FDF3D9;  --st-searching-fg: #8A6A14;
  --st-ready-bg: #E0F7EF;      --st-ready-fg: #007A52;
  --st-sent-bg: #ECEAF8;       --st-sent-fg: #5B4FB3;
  --st-booked-bg: #00B67A;     --st-booked-fg: #FFFFFF;
  --st-closed-bg: #F1F3F5;     --st-closed-fg: #6D7A80;

  /* type */
  --font: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fs-h1: 27px; --fs-h2: 21px; --fs-h3: 17px;
  --fs-body: 15px; --fs-sm: 13px; --fs-micro: 11.5px; --fs-price: 24px;

  /* space / radius / shadow / motion */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --r-card: 16px; --r-inner: 10px; --r-pill: 999px;
  --shadow-card: 0 1px 3px rgba(31,52,62,.06), 0 4px 16px rgba(31,52,62,.05);
  --shadow-hover: 0 2px 6px rgba(31,52,62,.08), 0 10px 28px rgba(31,52,62,.09);
  --shadow-pop: 0 12px 40px rgba(31,52,62,.18);
  --ease: cubic-bezier(.2,.8,.2,1); --dur: 180ms;
  --container: 1180px;
}