/* HAV Digital Brand Tokens v1.0 — APPROVED — LOGO VÀ HỆ MÀU ĐÃ CHỐT */
:root {
  --hav-color-norwegian-blue: #192A3A;
  --hav-color-ocean-blue: #3D7BD9;
  --hav-color-signal-deep: #30475D;
  --hav-color-signal-mid: #5E6975;
  --hav-color-signal-soft: #838C95;
  --hav-color-signal-light: #A2A8AE;
  --hav-color-text-primary: #383838;
  --hav-color-text-secondary: #595959;
  --hav-color-border: #E8E8E8;
  --hav-color-background: #F5F5F5;
  --hav-color-surface: #FFFFFF;
  --hav-color-success: #16845B;
  --hav-color-warning: #B27700;
  --hav-color-danger: #B42318;

  --hav-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --hav-font-weight-regular: 400;
  --hav-font-weight-medium: 500;
  --hav-font-weight-semibold: 600;
  --hav-font-weight-bold: 700;

  --hav-space-1: 4px;
  --hav-space-2: 8px;
  --hav-space-3: 12px;
  --hav-space-4: 16px;
  --hav-space-5: 20px;
  --hav-space-6: 24px;
  --hav-space-8: 32px;
  --hav-space-10: 40px;
  --hav-space-12: 48px;
  --hav-space-16: 64px;

  --hav-radius-sm: 4px;
  --hav-radius-md: 8px;
  --hav-radius-lg: 12px;
  --hav-border-default: 1px solid var(--hav-color-border);
  --hav-shadow-raised: 0 8px 24px rgb(25 42 58 / 0.08);
}

.hav-button-primary {
  min-height: 44px;
  padding: 0 var(--hav-space-6);
  border: 0;
  border-radius: var(--hav-radius-sm);
  background: var(--hav-color-norwegian-blue);
  color: #fff;
  font: 600 14px/1 var(--hav-font-sans);
}
.hav-button-primary:hover { background: #10202F; }
.hav-button-primary:focus-visible { outline: 3px solid rgb(61 123 217 / 0.38); outline-offset: 2px; }