/* TRANSFER TAXI / fixed design system, approved reference: reference/approved_mockup.png */
/* Headings: Montserrat (600,700,800); body: Inter (400,500,600,700).
   Production: self-host WOFF2 only with appropriate license, or load via Google Fonts as fallback.
   Font files are NOT included in this package. */
:root {
  --font-heading: "Montserrat", "Arial", sans-serif;
  --font-body: "Inter", "Arial", sans-serif;

  /* Layout palette */
  --color-night: #0B1017;        /* hero, footer, top navigation */
  --color-night-soft: #111A24;   /* dark sections and secondary surfaces */
  --color-gold: #D4AA68;         /* buttons and pictograms */
  --color-gold-light: #E7BD79;   /* delicate accents */
  --color-gold-hover: #B98C49;   /* CTA hover */
  --color-gold-text: #98651E;    /* accessible gold text on light background */
  --color-cream: #F9F7F3;       /* section background */
  --color-white: #FFFFFF;
  --color-ink: #101820;         /* body copy on white */
  --color-muted: #6D7480;       /* secondary text on white */
  --color-border: #E6E8EC;
  --color-shadow: rgba(11,16,23,.10);
  --overlay-hero: linear-gradient(90deg, rgba(8,13,20,.96) 0%, rgba(8,13,20,.74) 44%, rgba(8,13,20,.18) 100%);

  --container-width: 1200px;
  --section-gap: 76px;
  --radius-card: 12px;
  --radius-button: 6px;
  --shadow-card: 0 10px 30px rgba(11,16,23,.09);

  /* Fluid typography: values in pixels */
  --font-hero: clamp(34px, 4.2vw, 60px);
  --font-section: clamp(26px, 3vw, 40px);
  --font-card: 18px;
  --font-body-size: 16px;
  --font-caption: 14px;
  --line-body: 1.65;
}
html {scroll-behavior:smooth;}
body {color:var(--color-ink);background:var(--color-white);font-family:var(--font-body);font-size:var(--font-body-size);line-height:var(--line-body);}
h1,h2,h3,.site-logo {font-family:var(--font-heading);line-height:1.12;letter-spacing:-.025em;}
h1 {font-size:var(--font-hero);font-weight:800;}
h2 {font-size:var(--font-section);font-weight:800;}
h3 {font-size:var(--font-card);font-weight:700;}
.container {width:min(calc(100% - 40px),var(--container-width));margin-inline:auto;}
.button-primary {font-family:var(--font-heading);background:var(--color-gold);color:var(--color-night);font-weight:700;min-height:50px;padding:14px 24px;border-radius:var(--radius-button);border:0;cursor:pointer;}
.button-primary:hover {background:var(--color-gold-hover);}
.button-primary:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid var(--color-gold);outline-offset:3px;}
.card {border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:var(--radius-card);overflow:hidden;}
/* Gold-on-white small text must use --color-gold-text, not --color-gold. */
@media (max-width: 767px) {
 :root {--section-gap:48px;--font-body-size:15px;}
 .container {width:min(calc(100% - 32px),var(--container-width));}
 .button-primary {width:100%;min-height:52px;}
}
@media (prefers-reduced-motion: reduce) {html {scroll-behavior:auto;}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;}}