/* ── TRB Colors ──────────────────────────────────────────────
   Base palette + semantic aliases. Usage weighting:
   55 off-white · 25 navy · 12 dunkelteal · 5 teal · 3 orange.
   Rules: max ONE accent per layout · orange never as a fill. */
:root {
  /* Base palette */
  --trb-teal:        #85BDB3; /* Tint & Fläche            cmyk 50 10 32 2  */
  --trb-dunkelteal:  #409C8C; /* Markenfarbe, Strich, Links cmyk 73 17 50 4 */
  --trb-navy:        #35435D; /* Text & dunkle Flächen    cmyk 84 68 38 26 */
  --trb-offwhite:    #F8F8FC; /* Grundfläche              cmyk 3 3 1 0     */
  --trb-orange:      #F3921F; /* NUR CTA & Akzent         cmyk 0 50 92 0   */
  --trb-black:       #1A1A1A; /* s/w-Umsetzung (Navy → 100K) */

  /* Semantic aliases */
  --color-brand:            var(--trb-dunkelteal);
  --color-accent:           var(--trb-orange);
  --surface-page:           var(--trb-offwhite);
  --surface-dark:           var(--trb-navy);
  --surface-tint:           var(--trb-teal);
  --surface-card:           #FFFFFF;
  --text-primary:           var(--trb-navy);
  --text-on-dark:           var(--trb-offwhite);
  --text-muted:             rgba(53, 67, 93, 0.68);
  --text-subtle:            rgba(53, 67, 93, 0.55);
  --link:                   var(--trb-dunkelteal);
  --link-hover:             var(--trb-navy);
  --border-hairline:        rgba(53, 67, 93, 0.10);
  --border-strong:          rgba(53, 67, 93, 0.25);
  --overlay-photo:          linear-gradient(to top, rgba(53,67,93,0.94), rgba(53,67,93,0) 62%);
}