/*
 * Bina Travel — Shared Design Tokens and Base
 */

:root {
  --brand: #1769f5;
  --brand-blue: #1769f5;
  --brand-hover: #0e6cf2;
  --brand-dark: #071f45;
  --brand-mid: #1ab6e7;
  --brand-cyan: #1ab6e7;
  --brand-cyan-dark: #0789ee;
  --brand-soft: #eef7ff;
  --accent: #ff9d4d;

  --text: #0f172a;
  --text-heading: #071f45;
  --muted: #64748b;
  --border: rgba(203, 213, 225, 0.72);
  --soft: #f8fbff;
  --white: #ffffff;

  --font: "Assistant", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;

  --bt-primary: var(--brand);
  --bt-secondary: var(--brand-cyan);
  --bt-dark: var(--brand-dark);
  --bt-text: var(--text);
  --bt-muted: var(--muted);
  --bt-bg: var(--soft);
  --bt-glass: rgba(255, 255, 255, 0.82);
  --bt-border: var(--border);
  --bt-glow: rgba(23, 105, 245, 0.16);

  --radius-sm: 14px;
  --radius-md: 22px;
  --radius-lg: 30px;
  --radius-pill: 999px;

  --shadow-card:
    0 24px 70px rgba(15, 23, 42, 0.10),
    0 8px 22px rgba(23, 105, 245, 0.08);
}

html {
  margin: 0;
  scroll-behavior: smooth;
  scroll-padding-top: 110px;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-width: 320px;
  font-family: var(--font);
  color: var(--text);
  background: #ffffff;
}

button,
input,
textarea,
select {
  font: inherit;
}

img {
  max-width: 100%;
}

.bt-home,
.bt-page {
  width: 100%;
}

/* Keep the fixed header below the WordPress admin toolbar. */
body.admin-bar .bth {
  top: 32px;
}

@media (max-width: 782px) {
  body.admin-bar .bth {
    top: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}