/* Starflight — Colour system
   Source: Starflight Design Guide V1.1 (Farben). Six fixed brand colours. */

:root {
  /* ---- Base palette (exact values from the style guide) ---- */
  --color-navy:   #183a53; /* Hintergründe / Akzent  — primary brand colour      */
  --color-stone:  #dedcd9; /* Hintergründe / Schriftfarbe — light neutral surface */
  --color-red:    #97363e; /* Hintergründe / Schriftfarbe / Akzente — brand red   */
  --color-gold:   #f0cd2e; /* Akzente — signal / highlight (matches the logo)     */
  --color-black:  #000000; /* Schriftfarbe / Akzente                              */
  --color-white:  #ffffff; /* Hintergrund / druckerfreundlich                     */

  /* ---- Tints & shades (derived, for UI states only — keep brand hues primary) ---- */
  --color-navy-700: #122e42;
  --color-navy-900: #0d2231;
  --color-navy-300: #466178;
  --color-red-700:  #7a2b32;
  --color-red-300:  #b86a70;
  --color-gold-600: #d4b414;
  --color-gold-200: #f8e489;
  --color-stone-300:#c9c6c1;
  --color-stone-100:#efeeec;

  /* ---- Semantic surfaces ---- */
  --surface-page:        var(--color-white);
  --surface-page-print:  var(--color-white); /* "druckerfreundlich" */
  --surface-inverse:     var(--color-navy);   /* default dark backdrop */
  --surface-inverse-alt: var(--color-red);    /* secondary dark backdrop */
  --surface-muted:       var(--color-stone);
  --surface-card:        var(--color-white);
  --surface-card-muted:  var(--color-stone-100);

  /* ---- Semantic text ---- */
  --text-strong:    var(--color-navy);   /* headings on light */
  --text-body:      var(--color-black);  /* Fliesstext */
  --text-muted:     #4a5560;
  --text-on-dark:   var(--color-white);  /* copy on navy / red */
  --text-on-dark-muted: var(--color-stone);
  --text-accent:    var(--color-red);    /* accent copy on light */
  --text-link:      var(--color-red);

  /* ---- Borders & lines ---- */
  --border-subtle:  var(--color-stone-300);
  --border-strong:  var(--color-navy);
  --border-on-dark: rgba(255,255,255,0.22);

  /* ---- Accent / signal ---- */
  --accent-primary:  var(--color-navy);
  --accent-secondary:var(--color-red);
  --accent-signal:   var(--color-gold);

  /* ---- Focus ring ---- */
  --focus-ring: var(--color-gold);
}