/* Hübner Immobilien – Marken-Basis (siehe DESIGN.md). Von allen Layouts einbinden. */

@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-full-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-latin-full-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("fonts/instrument-sans-latin-wght-normal.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("fonts/inter-tight-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("fonts/inter-tight-latin-wght-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("fonts/archivo-latin-standard-normal.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "Big Shoulders Display"; src: url("fonts/big-shoulders-display-latin-wght-normal.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Quicksand"; src: url("fonts/quicksand-latin-wght-normal.woff2") format("woff2"); font-weight: 300 700; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("fonts/nunito-latin-wght-normal.woff2") format("woff2"); font-weight: 200 1000; font-style: normal; font-display: swap; }
@font-face { font-family: "Nunito"; src: url("fonts/nunito-latin-wght-italic.woff2") format("woff2"); font-weight: 200 1000; font-style: italic; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2"); font-weight: 100 800; font-display: swap; }

:root {
  --hi-blue: #005AAB;
  --hi-blue-deep: #003E78;
  --hi-navy: #0B1B2E;
  --hi-blue-tint: #E6EFF8;
  --hi-red: #ED1B24;
  --hi-red-muted: #B22B2E;
  --hi-grey: #C2C2C6;
  --hi-line: #E7E7E7;
  --hi-ink: #1D1D1B;
  --hi-paper: #F7F5F1;
  --hi-white: #FFFFFF;
  /* Sekundärpalette „Küste“ (aus acapulco3.de) */
  --hi-teal: #1B8F86;
  --hi-teal-tint: #E4F3F1;
  --hi-sand: #F4EEE1;
  --hi-sea-mist: #FAFDFD;
  --hi-red-button: #C23B3B;
  --hi-red-button-dark: #A12F2F;
}

/* Logo steht IMMER auf Weiß. Auf farbigen/dunklen Flächen: weiße Logo-Plakette. */
.hi-logo-plate { display: inline-block; background: #fff; padding: 8px 12px; border-radius: 10px; line-height: 0; }
.hi-logo-plate img { display: block; height: 100%; max-height: 100%; width: auto; }