/* Leyrer + Graf — Color tokens
   The brand is WHITE + ORANGE dominant. Pages are white; the signature orange #f36c21
   carries headings, links, primary actions and large hero blocks. Anthrazit (dark
   charcoal) is a FOOTER-only colour — never a primary page background. Light warm grey
   is reserved for the occasional muted/alternating section. */
:root {
  /* ---- Brand orange ---- */
  --lg-orange:        #f36c21;  /* primary brand colour */
  --lg-orange-600:    #db5d17;  /* hover */
  --lg-orange-700:    #bd4d0f;  /* active / pressed */
  --lg-orange-300:    #f8a878;  /* light accent */
  --lg-orange-tint:   #fdeede;  /* faint wash / highlight bg */

  /* ---- Neutrals ---- */
  --lg-white:         #ffffff;  /* THE page background — white dominates */
  --lg-bg:            #f5f4f2;  /* faint warm grey — occasional muted section only */
  --lg-bg-alt:        #ececea;  /* alternating section / muted surface */
  --lg-line:          #e0ddd9;  /* hairline borders, dividers */
  --lg-ink-muted:     #8b8884;  /* captions, meta, disabled */
  --lg-ink-soft:      #565659;  /* secondary text / nav links */
  --lg-ink:           #333333;  /* primary body text */
  --lg-dark:          #2c2b2a;  /* anthrazit — FOOTER only */
  --lg-dark-2:        #1d1c1a;  /* deepest */

  /* ---- Status (kept restrained, brand-adjacent) ---- */
  --lg-success:       #4a8a3f;
  --lg-warning:       #e0a317;
  --lg-error:         #c0392b;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--lg-orange);
  --color-primary-hover:  var(--lg-orange-600);
  --color-primary-active: var(--lg-orange-700);

  --text-heading:   var(--lg-orange);   /* section headings: orange on white, white on orange */
  --text-nav:       var(--lg-ink-soft); /* nav links (title-case, not uppercase) */
  --text-strong:    var(--lg-ink);      /* dark headings / emphasised copy */
  --text-body:      var(--lg-ink);
  --text-soft:      var(--lg-ink-soft);
  --text-muted:     var(--lg-ink-muted);
  --text-on-dark:   var(--lg-white);
  --text-link:      var(--lg-orange);

  --surface-page:   var(--lg-white);   /* WHITE — the dominant surface */
  --surface-card:   var(--lg-white);
  --surface-muted:  var(--lg-bg);       /* rare muted/alt section */
  --surface-alt:    var(--lg-bg-alt);
  --surface-accent: var(--lg-orange);   /* orange hero / feature blocks */
  --surface-footer: var(--lg-dark);     /* anthrazit — footer only */
  --surface-dark:   var(--lg-dark);     /* legacy alias = footer charcoal */

  --border-default: var(--lg-line);
  --border-strong:  var(--lg-ink);
}