/* Toolbox – dunkle Farben. Eingebunden in templates/partials/head.php je nach Einstellung der Person:
   automatisch mit media="(prefers-color-scheme: dark)", „Dunkel“ immer, „Hell“ gar nicht. */
:root {
    --bg: #16181d;
    --surface: #1e2127;
    --surface-2: #262a31;
    --glass: rgba(30, 33, 39, .74);
    --border: #30343c;
    --border-strong: #41464f;
    --text: #ece7df;
    --muted: #a69f95;

    --teal: #7cc8c1; --teal-hover: #9ad8d2; --teal-soft: #1d3332; --teal-paint: #3f8f89;
    --sky: #8fbce6; --sky-hover: #acd0f0; --sky-soft: #1c2b3a; --sky-paint: #3f6f9e;
    --apricot: #f1a77c; --apricot-hover: #f6bf9e; --apricot-soft: #3a2a20; --apricot-paint: #a8623a;
    --rose: #ee9cb0; --rose-hover: #f4b8c6; --rose-soft: #3a2229; --rose-paint: #a14d62;
    --sage: #95cfa4; --sage-hover: #b0dcbb; --sage-soft: #1f3227; --sage-paint: #4f8a5f;
    --lavender: #b9a8f0; --lavender-hover: #cdc0f5; --lavender-soft: #2a2542; --lavender-paint: #6a59a8;
    --honey: #e8c46a; --honey-hover: #f0d48e; --honey-soft: #3a3016; --honey-paint: #8a6d2a;
    --berry: #e6a3d6; --berry-hover: #efbfe3; --berry-soft: #3a2236; --berry-paint: #9c4f88;
    --stone: #b6c1ce; --stone-hover: #ccd5df; --stone-soft: #262c34; --stone-paint: #5e6b7a;
    --ink: #a9b8e8; --ink-hover: #c2cdf0; --ink-soft: #20263a; --ink-paint: #4d5d92;
    --moss: #c3d27f; --moss-hover: #d3df9e; --moss-soft: #2a3018; --moss-paint: #6a7a32;

    --on-accent: #15171b;
    --danger: #f08a7e;
    --danger-soft: #3b2220;
    --success: #8fd1a3;
    --success-soft: #1c3226;
    --warning: #e8bb6a;
    --warning-soft: #3a2e16;
    --heart: #f08aa0;
    --shadow: 0 1px 2px rgba(0, 0, 0, .25);
    --shadow-lift: 0 14px 30px -14px rgba(0, 0, 0, .7);
    --wash-opacity: .2;
    --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E");
    color-scheme: dark;
}