/* TrockXBau — Color tokens */
:root {
  /* Brand & Accent */
  --color-primary: #a9c820;         /* TrockXBau Green — single primary action color */
  --color-primary-active: #91ad1b;  /* pressed / active state */
  --color-accent-light: #a9c820;    /* supporting accent */
  --color-accent-dark: #91ad1b;     /* supporting accent, darker */
  --color-accent-neutral: #454546;  /* neutral accent for dividers / badges */

  /* Surface */
  --color-canvas: #ffffff;              /* primary page background */
  --color-surface-soft: #f7f7f7;        /* footer, FAQ, subtle separation */
  --color-surface-card: #fafafa;        /* service/project cards, containers */
  --color-surface-strong: #ebebeb;      /* section separation */
  --color-surface-dark: #1a1a1b;        /* anthracite hero / CTA bands */
  --color-surface-dark-elevated: #2a2a2b; /* nested cards on dark */

  /* Hairlines */
  --color-hairline: #e6e6e6;         /* standard 1px divider */
  --color-hairline-strong: #cccccc;  /* emphasized borders, secondary buttons */

  /* Text */
  --color-ink: #1a1a1b;          /* headlines, high-emphasis */
  --color-body: #454546;         /* default body copy */
  --color-body-strong: #1a1a1b;  /* lead paragraphs, emphasis */
  --color-muted: #6b6b6b;        /* captions, breadcrumbs, meta */
  --color-muted-soft: #9a9a9a;   /* disabled, legal, placeholder */
  --color-on-primary: #1a1a1b;   /* dark text on green */
  --color-on-dark: #ffffff;      /* white text on dark */
  --color-on-dark-soft: #bbbbbb; /* secondary text on dark */

  /* Semantic */
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-error: #dc2626;
}