/* Werkano v2 — Design-Tokens (EINMALIG, ersetzt die 37-fache Duplikation) Theme: data-theme="light|dark|auto" auf . --accent kann pro Tool überschrieben werden. */ :root{ color-scheme:light; --page:#f6f7f8; --surface:#ffffff; --surface-2:#eef0f1; --surface-3:#e4e6e8; --ink:#151719; --ink-2:#4c5157; --muted:#828890; --line:#e6e8ea; --border:rgba(21,23,25,.10); --accent:#059669; --accent-2:#047857; --accent-soft:#d6f0e5; --accent-ink:#047857; --good:#16a34a; --good-soft:#dcf3e5; --good-ink:#15803d; --warn:#b45309; --warn-soft:#fbecd6; --warn-ink:#92400e; --bad:#dc2626; --bad-soft:#fbe4e4; --bad-ink:#b91c1c; --gold:#c08a2a; --gold-hi:#e6c06a; --gold-lo:#8c6414; --blue:#2563eb; --violet:#6d28d9; --radius:16px; --radius-sm:11px; --radius-xs:8px; --shadow:0 1px 2px rgba(19,24,17,.05), 0 18px 44px -22px rgba(19,24,17,.22); --shadow-sm:0 1px 2px rgba(19,24,17,.06), 0 8px 22px -14px rgba(19,24,17,.25); --font:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; --maxw:1160px; } :root[data-theme="dark"]{ color-scheme:dark; --page:#0d0e0f; --surface:#17191b; --surface-2:#1f2225; --surface-3:#282c2f; --ink:#f3f4f5; --ink-2:#b8bcc0; --muted:#878b8f; --line:#262a2d; --border:rgba(255,255,255,.10); --accent:#34d399; --accent-2:#6ee7b7; --accent-soft:#0e2a1f; --accent-ink:#6ee7b7; --good:#34d17f; --good-soft:#12321f; --good-ink:#7ee2ab; --warn:#f59e0b; --warn-soft:#3a2a0f; --warn-ink:#fbbf24; --bad:#f26a6a; --bad-soft:#3a1717; --bad-ink:#fca5a5; --gold:#d7b05a; --gold-hi:#f2dd93; --gold-lo:#a2782b; --blue:#60a5fa; --violet:#a78bfa; --shadow:0 1px 2px rgba(0,0,0,.45), 0 20px 50px -22px rgba(0,0,0,.75); --shadow-sm:0 1px 2px rgba(0,0,0,.5), 0 8px 22px -14px rgba(0,0,0,.7); } @media(prefers-color-scheme:dark){:root[data-theme="auto"]{ color-scheme:dark; --page:#0d0e0f; --surface:#17191b; --surface-2:#1f2225; --surface-3:#282c2f; --ink:#f3f4f5; --ink-2:#b8bcc0; --muted:#878b8f; --line:#262a2d; --border:rgba(255,255,255,.10); --accent:#34d399; --accent-2:#6ee7b7; --accent-soft:#0e2a1f; --accent-ink:#6ee7b7; --good:#34d17f; --good-soft:#12321f; --good-ink:#7ee2ab; --warn:#f59e0b; --warn-soft:#3a2a0f; --warn-ink:#fbbf24; --bad:#f26a6a; --bad-soft:#3a1717; --bad-ink:#fca5a5; --gold:#d7b05a; --gold-hi:#f2dd93; --gold-lo:#a2782b; --blue:#60a5fa; --violet:#a78bfa; --shadow:0 1px 2px rgba(0,0,0,.45), 0 20px 50px -22px rgba(0,0,0,.75); --shadow-sm:0 1px 2px rgba(0,0,0,.5), 0 8px 22px -14px rgba(0,0,0,.7); }}