/* =====================================================================
   Theme "finanz": für Editionen im Umfeld von Banken und Finanzdienstleistern.

   Anmutung: nüchtern, klar, bankentauglich. Anthrazit und ein tiefes
   Petrol als Hauptfarbe, Messing als einziger warmer Akzent für das
   heutige Türchen. Serifenlose Überschriften, kantigere Radien.

   Rahmen für Farben und Zeichen: docs/DESIGN.md, Abschnitt 5.
   ===================================================================== */

[data-theme~="finanz"] {
  color-scheme: light;
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --display-weight: 680;
  --display-tracking: -0.015em;
  --eyebrow-tracking: 0.1em;

  --r-xs: 3px;
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 12px;

  --c-bg: #f3f5f7;
  --c-surface: #ffffff;
  --c-surface-2: #eaeef2;
  --c-surface-3: #dfe5eb;
  --c-line: #dbe1e7;
  --c-control: #7a8591;
  --c-text: #15202a;
  --c-text-muted: #4d5966;
  --c-primary: #1c4d61;
  --c-primary-hover: #143a4a;
  --c-on-primary: #ffffff;
  --c-primary-soft: #e2edf1;
  --c-primary-text: #1c4d61;
  --c-light: #c29a45;
  --c-light-soft: #f6efdc;
  --c-on-light: #221903;
  --c-success: #1d6f4c;
  --c-success-soft: #e1f0e8;
  --c-danger: #a3302b;
  --c-danger-soft: #f8e9e8;
  --c-focus: #1c4d61;
  --c-mark: #f6efdc;

  --c-hero-bg: #1b2833;
  --c-hero-bg-2: #243847;
  --c-hero-text: #f2f5f7;
  --c-hero-muted: #b3c0cb;
  --c-hero-line: rgba(255, 255, 255, 0.16);
  --c-hero-accent: #d6b36a;
  --c-hero-on-accent: #1f1703;
  --snow-opacity: 0.35;

  --shadow-1: 0 1px 2px rgba(21, 32, 42, 0.07);
  --shadow-2: 0 2px 4px rgba(21, 32, 42, 0.05), 0 10px 26px rgba(21, 32, 42, 0.08);
  --shadow-glow: 0 0 0 4px rgba(194, 154, 69, 0.22), 0 8px 22px rgba(194, 154, 69, 0.18);

  --cert-paper: #ffffff;
  --cert-ink: #15202a;
  --cert-muted: #56616d;
  --cert-accent: #1c4d61;
  --cert-accent-2: #a8863c;
  --cert-line: #cfd7de;
}

@media (prefers-color-scheme: dark) {
  [data-theme~="finanz"] {
    color-scheme: dark;
    --c-bg: #0e1419;
    --c-surface: #151d24;
    --c-surface-2: #10171d;
    --c-surface-3: #1c2630;
    --c-line: #25313c;
    --c-control: #6b7885;
    --c-text: #e8edf1;
    --c-text-muted: #a2aeb9;
    --c-primary: #8ec3d7;
    --c-primary-hover: #aad3e2;
    --c-on-primary: #0b1c24;
    --c-primary-soft: #182c36;
    --c-primary-text: #9bcbdd;
    --c-light: #d6b36a;
    --c-light-soft: #2a2416;
    --c-on-light: #1f1703;
    --c-success: #74cfa2;
    --c-success-soft: #152d24;
    --c-danger: #ee8a83;
    --c-danger-soft: #361d1c;
    --c-focus: #a4d2e3;
    --c-mark: #372f1b;

    --c-hero-bg: #17222c;
    --c-hero-bg-2: #213443;
    --c-hero-line: rgba(255, 255, 255, 0.12);
    --snow-opacity: 0.28;

    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.35), 0 12px 32px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 0 4px rgba(214, 179, 106, 0.2), 0 8px 22px rgba(214, 179, 106, 0.16);
  }
}

/* Kleine Formabweichungen, die über Tokens allein nicht gehen */
[data-theme~="finanz"] .tile-num { letter-spacing: -0.03em; }
[data-theme~="finanz"] .quote p { font-weight: 560; }
[data-theme~="finanz"] .cert-kicker { letter-spacing: 0.14em; }