/* GDS Travel Design System - CSS Variables and Utilities */
:root{
  --gds-color-primary:#0073aa;
  --gds-color-primary-600:#005a87;
  --gds-color-bg:#ffffff;
  --gds-color-muted:#666666;
  --gds-radius:8px;
  --gds-space-1:4px;
  --gds-space-2:8px;
  --gds-space-3:12px;
  --gds-space-4:16px;
  --gds-space-6:24px;
}

.gds-card{background:var(--gds-color-bg);border:1px solid #e5e7eb;border-radius:var(--gds-radius);padding:var(--gds-space-4);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.gds-btn{display:inline-block;background:var(--gds-color-primary);color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none}
.gds-btn:hover{background:var(--gds-color-primary-600);color:#fff}
.gds-muted{color:var(--gds-color-muted)}
.gds-grid{display:grid;gap:var(--gds-space-4)}
.gds-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gds-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}