/* HTT Travelmate frontend design tokens.
 * Keep this file declarative: component styles stay in their owning modules.
 */
:root{
  --htt-color-text:#17213b;
  --htt-color-heading:#111a2d;
  --htt-color-muted:#667085;
  --htt-color-brand:#1769c2;
  --htt-color-brand-hover:#145aa8;
  --htt-color-accent:#f36b21;
  --htt-color-border:#e1e7ef;
  --htt-color-surface:#fff;
  --htt-color-surface-soft:#f6f8fb;
  --htt-color-surface-hover:#f8fafc;
  --htt-radius-sm:9px;
  --htt-radius-md:12px;
  --htt-radius-lg:16px;
  --htt-shadow-card:0 4px 14px rgba(18,34,57,.04);
  --htt-shadow-card-hover:0 8px 24px rgba(18,34,57,.075);
  --htt-focus-outline:2px solid var(--htt-color-brand);
  --htt-focus-offset:2px;
  --htt-brand-orange:#ff5509;
}