/* synrgy colour world ("Farbwelt") — values verbatim from CI Rebranding 2026, p.4 */
:root{
  /* Base palette */
  --synrgy-dark:#000000;      /* Main Color #1 · CMYK 0/0/0/100 */
  --synrgy-off-white:#F0EFF3; /* Main Color #2 · CMYK 1/2/0/5 */
  --synrgy-white:#FFFFFF;     /* Basic Color #1 · CMYK 0/0/0/0 */
  --synrgy-grey:#D0D0D0;      /* Basic Color #2 · CMYK 0/0/0/18 */
  --synrgy-red-beam:#FE2B00;  /* Akzent Color · CMYK 0/89/94/0 */

  /* Derived steps (UI only — not in the CI sheet; mixed from base colours) */
  --synrgy-grey-dark:#6E6E73;     /* secondary text on light — passes 4.5:1 on off-white */
  --synrgy-grey-mid:#9A9A9E;      /* disabled text, placeholders */
  --synrgy-ink-90:#1A1A1A;        /* raised surface on dark */
  --synrgy-ink-80:#2A2A2C;        /* hairlines on dark */
  --synrgy-red-beam-press:#D92400;/* accent pressed */
  --synrgy-red-beam-tint:#FFE6E0; /* accent tint background */

  /* Semantic — light (default) */
  --bg-page:var(--synrgy-off-white);
  --bg-surface:var(--synrgy-white);
  --bg-inverse:var(--synrgy-dark);
  --bg-muted:var(--synrgy-grey);

  --fg-1:var(--synrgy-dark);
  --fg-2:var(--synrgy-grey-dark);
  --fg-3:var(--synrgy-grey-mid);
  --fg-inverse:var(--synrgy-off-white);
  --fg-accent:var(--synrgy-red-beam);

  --text-heading:var(--fg-1);
  --text-body:var(--fg-1);
  --text-secondary:var(--fg-2);
  --text-disabled:var(--fg-3);

  --surface-card:var(--synrgy-white);
  --surface-card-inverse:var(--synrgy-dark);
  --surface-field:var(--synrgy-white);
  --surface-hover:#E6E5EA;

  --border-1:var(--synrgy-grey);
  --border-strong:var(--synrgy-dark);
  --border-focus:var(--synrgy-dark);

  --accent:var(--synrgy-red-beam);
  --accent-press:var(--synrgy-red-beam-press);
  --accent-tint:var(--synrgy-red-beam-tint);
  --on-accent:var(--synrgy-white);

  --state-error:var(--synrgy-red-beam);
  --state-success:#1F8A4C;   /* not in CI — UI necessity */
  --state-warning:#B86E00;   /* not in CI — UI necessity */
}