/* ── ritter & bader · Colors ────────────────────────────────
   Source of truth: "Farben" style-guide sheet + AMB/Startseite
   Figma frames. Two Hauptfarben (Blue Gray, Dim Gray) plus a 10→100
   tonal ramp for each, and the exact accent/tint/surface hexes read
   from the page designs. Ramp steps 10–80 are interpolated toward the
   documented endpoints; 90 = the exact brand value.
   ---------------------------------------------------------------- */

:root {
  /* ── Hauptfarben (brand) ── */
  --rb-blue: #629DCC;          /* Blue Gray · primary brand */
  --rb-blue-alt: #619DCC;      /* used interchangeably in product */
  --rb-gray: #6B6A69;          /* Dim Gray · primary neutral */

  /* ── Blue ramp · Primär (blau) ── */
  --rb-blau-10: #F2F7FB;
  --rb-blau-20: #E4EFF7;
  --rb-blau-30: #D2E4F2;
  --rb-blau-40: #BAD5EC;
  --rb-blau-50: #A3C7E5;
  --rb-blau-60: #8EBAE0;
  --rb-blau-70: #7DAFDA;
  --rb-blau-80: #6FA6D5;
  --rb-blau-90: #629DCC;
  --rb-blau-100: #3D7FB5;      /* deep · rgb(61,127,181) */

  /* ── Grey ramp · Primär (grau) ── */
  --rb-grau-10: #F2F2F2;
  --rb-grau-20: #E4E4E3;
  --rb-grau-30: #D3D2D1;
  --rb-grau-40: #C0BFBE;
  --rb-grau-50: #ADACAB;
  --rb-grau-60: #9A9998;
  --rb-grau-70: #878685;
  --rb-grau-80: #7A7978;
  --rb-grau-90: #6B6A69;
  --rb-grau-100: #5A5958;

  /* ── Exact hues read from the page designs ── */
  --rb-accent: #5BA3D9;        /* brighter CTA blue · rgb(91,163,217) */
  --rb-deep: #3D7FB5;          /* gradient start · rgb(61,127,181) */
  --rb-ink: #1D1D1B;           /* near-black text · rgb(29,29,27) */
  --rb-navy: #1E3A52;          /* dark-blue headings · rgb(30,58,82) */
  --rb-muted: #6B7A88;         /* blue-grey body copy · rgb(107,122,136) */

  /* ── Tints & surfaces ── */
  --rb-tint-100: #EAF4FB;      /* on-blue subtext · rgb(234,244,251) */
  --rb-tint-200: #BFE0F2;      /* hero base · rgb(191,224,242) */
  --rb-surface-1: #F6FAFD;     /* section wash · rgb(246,250,253) */
  --rb-surface-2: #F0F6FA;     /* section wash alt · rgb(240,246,250) */
  --rb-border: #C0D8EB;        /* input / card border · rgb(192,216,235) */
  --rb-topbar: #ECECEC;        /* utility bar · rgb(236,236,236) */

  --rb-white: #FFFFFF;
  --rb-black: #000000;

  /* ── Semantic aliases ── */
  --color-brand: var(--rb-blue);
  --color-brand-strong: var(--rb-deep);
  --color-accent: var(--rb-accent);

  --text-heading: var(--rb-navy);
  --text-body: var(--rb-ink);
  --text-muted: var(--rb-gray);
  --text-body-soft: var(--rb-muted);
  --text-eyebrow: var(--rb-accent);
  --text-on-brand: var(--rb-white);
  --text-on-brand-soft: var(--rb-tint-100);

  --surface-page: var(--rb-white);
  --surface-section: var(--rb-surface-1);
  --surface-section-alt: var(--rb-surface-2);
  --surface-card: var(--rb-white);
  --surface-footer: var(--rb-gray);
  --surface-topbar: var(--rb-topbar);

  --border-subtle: var(--rb-border);
  --border-footer: rgba(255,255,255,0.9);
}