/* Travel Exchange Beta UI
   Palette:
   - Primary: #1F5F54
   - Secondary: #3F8B73
   - Text: #2E2F2F
   - Soft Grey: #E9ECEE
   - White: #FFFFFF
*/

:root {
  --c-primary: #1F5F54;
  --c-secondary: #3F8B73;
  --c-text: #2E2F2F;
  --c-soft: #E9ECEE;
  --c-white: #FFFFFF;

  --c-muted: rgba(46,47,47,0.72);
  --c-muted-2: rgba(46,47,47,0.56);
  --c-danger: #B42318;
  --c-danger-bg: rgba(180, 35, 24, 0.08);
  --c-warning: #B54708;
  --c-warning-bg: rgba(181, 71, 8, 0.10);

  --r-xl: 16px;
  --r-lg: 12px;
  --shadow: 0 10px 30px rgba(0,0,0,0.08);
}

* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  background: var(--c-white);
  color: var(--c-text);
  font-family: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

h1, h2, h3 {
  font-family: "Montserrat", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  margin: 0 0 10px 0;
}

h1 { font-size: clamp(32px, 2.6vw, 36px); font-weight: 700; }
h2 { font-size: clamp(24px, 2.1vw, 28px); font-weight: 600; }
h3 { font-size: clamp(20px, 1.8vw, 22px); font-weight: 500; }
.small { font-size: 14px; }

.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px;
}