/* ── ritter & bader · Colors ─────────────────────────────────────────
   The palette is cool and icy: a spectrum of blues from a saturated
   primary down to near-white frost tints, anchored by a deep navy and
   two warm-neutral greys. Values are transcribed exactly from the
   brand's Figma variables — do not round them.
   Raw Figma variable names (--rb-*) are re-exported from
   ../components/_foundations/fig-tokens.css. This file adds hex mirrors
   and the semantic layer everything else in the system consumes. */

:root {
  /* ── Brand blues ─────────────────────────────────────────────── */
  --rb-primary-blau:  #5BA3D9;   /* Primary Blau — buttons, links, accents */
  --rb-blau-dunkel:   #3D7FB5;   /* Blau Dunkel — hover / gradient dark end */
  --rb-navy:          #1E3A52;   /* Navy — headings on light, dark bars */
  --rb-akzent-frisch: #7FD6E8;   /* Akzent Frisch — fresh cyan accent */
  --rb-logo-blau:     #619DCC;   /* ritter & bader Blau — the logo bars */

  /* ── Ice tints (light → lightest) ────────────────────────────── */
  --rb-eisblau:       #BFE0F2;   /* Eisblau — image placeholders, borders */
  --rb-eis-hell:      #EAF4FB;   /* Eis Hell — tinted section backgrounds */
  --rb-frost-weiss:   #F6FAFD;   /* Frost Weiß — softest page background */

  /* ── Neutrals ────────────────────────────────────────────────── */
  --rb-weiss:         #FFFFFF;   /* Weiß */
  --rb-anthrazit:     #333333;   /* Anthrazit — body text, footer */
  --rb-grau:          #6B7A88;   /* Grau — muted text, placeholders */

  /* ── Feedback ────────────────────────────────────────────────── */
  --rb-error:         #D94545;   /* Error / Pflichtfeld */

  /* ── Semantic aliases ────────────────────────────────────────── */
  --color-accent:            var(--rb-primary-blau);
  --color-accent-strong:     var(--rb-blau-dunkel);
  --color-accent-fresh:      var(--rb-akzent-frisch);

  --text-heading:            var(--rb-navy);
  --text-body:               var(--rb-anthrazit);
  --text-muted:              var(--rb-grau);
  --text-on-accent:          var(--rb-weiss);
  --text-link:               var(--rb-primary-blau);
  --text-link-hover:         var(--rb-blau-dunkel);

  --surface-page:            var(--rb-weiss);
  --surface-frost:           var(--rb-frost-weiss);
  --surface-ice:             var(--rb-eis-hell);
  --surface-card:            var(--rb-weiss);
  --surface-dark:            var(--rb-navy);
  --surface-accent:          var(--rb-primary-blau);
  --surface-image:           var(--rb-eisblau);
  --surface-footer:          #4A4A49;   /* Anthrazit footer, warm charcoal */

  --border-subtle:           var(--rb-eisblau);
  --border-strong:           var(--rb-navy);
  --border-accent:           var(--rb-primary-blau);
  --border-error:            var(--rb-error);

  /* Hero gradient: dark blau → primary, over an image */
  --gradient-hero: linear-gradient(90deg, rgba(61,127,181,0.80) 0%, rgba(91,163,217,0.80) 100%); /* @kind color */
  /* Iceberg background wash: frost → eisblau (per layout rule) */
  --gradient-frost: linear-gradient(180deg, var(--rb-frost-weiss) 0%, var(--rb-eisblau) 100%); /* @kind color */
}