:root{
/* Brand: Mint (beobachtet auf sonotec-schallschutz.ch) – nur als Fläche */
--mint-100:#EEF7F4;
--mint-300:#DCEFE9;
--mint-500:#BDE0D6;
--mint-600:#A6D2C5;
--mint-800:#2E6A5B; /* textfähiger Mint-Ton, 6.3:1 auf Weiss */
/* Graphit – aus Lochblech-Paneelen und Schatten abgeleitet */
--graphite-950:#101514;
--graphite-900:#161C1B;
--graphite-800:#232B29;
--graphite-700:#38423F;
--graphite-500:#5E6865;
--graphite-300:#AEB9B5;
/* Beton – aus Sockel und Brückenträger */
--concrete-300:#D3D7D4;
--concrete-200:#E4E7E4;
--concrete-100:#EFF1EE;
--paper:#F7F8F6;
--white:#FFFFFF;

/* Semantik: Text */
--text-strong:var(--graphite-900);
--text-body:#2A3230;
--text-muted:var(--graphite-500);
--text-accent:var(--mint-800);
--text-on-dark:#F2F5F3;
--text-on-dark-muted:var(--graphite-300);
--text-on-dark-accent:var(--mint-500);
--text-on-accent:var(--graphite-900);
/* Semantik: Flächen */
--surface-page:var(--paper);
--surface-raised:var(--white);
--surface-sunken:var(--concrete-100);
--surface-accent:var(--mint-500);
--surface-accent-soft:var(--mint-300);
--surface-dark:var(--graphite-900);
--surface-darker:var(--graphite-950);
/* Semantik: Linien & Fokus */
--border-subtle:var(--concrete-200);
--border-default:var(--concrete-300);
--border-strong:var(--graphite-900);
--border-on-dark:rgba(242,245,243,.16);
--focus-ring:var(--graphite-900);
--focus-ring-on-dark:var(--mint-500);
/* Bild-Overlay */
--scrim-paper:linear-gradient(90deg,rgba(247,248,246,.94) 0%,rgba(247,248,246,.82) 30%,rgba(247,248,246,0) 60%); /* @kind color */
}