@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/manrope-variable.woff2") format("woff2");
}

/* Conciera default theme: Klar & einladend. Hotel content does not change these tokens. */
:root {
  color-scheme: light;
  --font-ui: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --color-action: #344478;
  --color-action-hover: #293863;
  --color-on-action: #ffffff;
  --color-accent: #f2b893;
  --color-background: #f8f7f4;
  --color-surface: #ffffff;
  --color-answer: #eef0f7;
  --color-foreground: #232a38;
  --color-muted: #626a77;
  --color-border: #e3e5ed;
  --color-input-border: #8993a8;
  --color-link: #344478;
  --color-focus: #344478;
  --color-error: #963f40;
  --color-error-background: #fcf0ee;
  --color-shadow: #232a3808;
  --color-chat-surface: #ffffff;
  --color-chat-answer: #eef0f7;
  --color-chat-border: #c9d1e2;
  --color-chat-shadow: #232a3810;
  --color-composer-surface: #f3f5fa;
  --color-composer-foreground: #232a38;
  --color-composer-muted: #626a77;
  --color-composer-border: #98a4be;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-action-hover: #41548f;
    --color-background: #171c28;
    --color-surface: #222938;
    --color-answer: #2c3549;
    --color-foreground: #eef1fa;
    --color-muted: #b2bacb;
    --color-border: #414b60;
    --color-input-border: #77859c;
    --color-link: #cbd4ff;
    --color-focus: #f2b893;
    --color-error: #ffa8a4;
    --color-error-background: #44272c;
    --color-shadow: #00000014;
    --color-chat-surface: #252e40;
    --color-chat-answer: #303b50;
    --color-chat-border: #53617b;
    --color-chat-shadow: #00000020;
    --color-composer-surface: #2b3549;
    --color-composer-foreground: #eef1fa;
    --color-composer-muted: #b2bacb;
    --color-composer-border: #5b6b86;
  }
}