/* BiFi, DPSG Balingen. Wird von BiFi nach dem eigenen CSS geladen.
   Erzeugt von src/werkzeug/dienste.py, bitte dort ändern. */
@font-face { font-family: "Barlow Semi Condensed"; font-weight: 700; font-display: swap; src: url(/branding/barlow-semi-condensed-700.woff2) format("woff2"); }
@font-face { font-family: "Source Sans 3"; font-weight: 400 700; font-display: swap; src: url(/branding/source-sans-3.woff2) format("woff2"); }

:root {
  /* Navy trägt */
  --primary-50: #eef0f8; --primary-100: #dfe3f2; --primary-200: #c3cae6; --primary-300: #9aa6d3;
  --primary-400: #6f80bd; --primary-500: #4c5fa6; --primary-600: #2a3d7c; --primary-700: #233368;
  --primary-800: #1d2a56; --primary-900: #151f45; --primary-950: #0d1430;
  /* Sand begleitet */
  --secondary-50: #faf7f0; --secondary-100: #efe7d6; --secondary-200: #e6dcc6; --secondary-300: #d9c49a;
  --secondary-400: #c3a878; --secondary-500: #a88a52; --secondary-600: #8a6c38; --secondary-700: #6f5629;
  --secondary-800: #55411d; --secondary-900: #3b2d12; --secondary-950: #241b0a;
  /* Berg als Akzent */
  --accent-50: #eef0f8; --accent-100: #dfe3f2; --accent-200: #c3cae6; --accent-300: #9aa6d3;
  --accent-400: #6f80bd; --accent-500: #4c5fa6; --accent-600: #41579e; --accent-700: #34488a;
  --accent-800: #2a3d7c; --accent-900: #1d2a56; --accent-950: #151f45;
  /* Rot nur für Fehler */
  --destructive-500: #d0262d; --destructive-600: #b0202a; --destructive-700: #8f1a22;

  --background: #f4f3ef;
  --card: #ffffff;
  --popover: #ffffff;
  --muted: #ece8de;
  --muted-foreground: #66697a;
  --border: #e6dcc6;
  --input: #e6dcc6;
  --ring: #2a3d7c;
}

body { font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif; }
h1, h2, h3 { font-family: "Barlow Semi Condensed", "Arial Narrow", Arial, sans-serif; }

/* dunkel: ruhiges Anthrazit wie in der Pfadicloud, Navy nur als Akzent */
@media (prefers-color-scheme: dark) {
  :root {
    --primary-50: #151f45; --primary-100: #1d2a56; --primary-200: #2a3d7c; --primary-300: #4c5fa6;
    --primary-400: #6f80bd; --primary-500: #aebbe6; --primary-600: #c3cae6; --primary-700: #dfe3f2;
    --primary-800: #eef0f8; --primary-900: #f5f6fb; --primary-950: #ffffff;
    --primary-foreground: #151f45;
    --primary-soft: rgba(174, 187, 230, 0.18); --primary-soft-hover: rgba(174, 187, 230, 0.28);
    --primary-strong: #c3cae6; --primary-hover: #c3cae6;

    --secondary-500: #d9c49a; --secondary-600: #e6dcc6; --secondary-foreground: #2a2110;
    --secondary-soft: rgba(217, 196, 154, 0.18); --secondary-soft-hover: rgba(217, 196, 154, 0.28);
    --secondary-strong: #e6dcc6; --secondary-hover: #e6dcc6;

    --accent-500: #4c5fa6; --accent-600: #6f80bd;
    --accent-soft: rgba(76, 95, 166, 0.25); --accent-soft-hover: rgba(76, 95, 166, 0.35);
    --accent-strong: #9aa6d3; --accent-hover: #9aa6d3;

    --destructive-500: #f0646a;

    --background: #17191e;
    --card: #1f2228;
    --popover: #1f2228;
    --muted: #262930;
    --muted-foreground: #b3b5bd;
    --border: #33373f;
    --input: #33373f;
    --ring: #aebbe6;
  }
}