/* Samt & Messing 1.1.0 – erzeugt aus system/tokens.json (tools/build.mjs). Nicht von Hand ändern. */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/manrope-latin.woff2) format("woff2"); }
@font-face { font-family: "Sora"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/sora-latin.woff2) format("woff2"); }
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap; src: url(fonts/manrope-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+2C60-2C7F, U+A720-A7FF; }

/* Standard-Farbwelt: messinghell. Andere Welten über <html data-theme="…">. */
:root, [data-theme="messinghell"] {
  --bg: #f6f1e9;
  --bg-2: #efe7da;
  --surface: #fffdf9;
  --surface-2: #eee4d4;
  --border: #e0d3bf;
  --border-strong: #8a8072;
  --text: #201a15;
  --muted: #67594a;
  --accent: #8a5c12;
  --accent-ink: #ffffff;
  --primary: #8e2433;
  --primary-ink: #ffffff;
  --good: #2f6b3b;
  --good-ink: #ffffff;
  --bad: #b3263a;
  --warn: #9a5a00;
  --info: #2f5f8f;
  --red-suit: #a3283c;
  --black-suit: #1b1b22;
  --card-bg: #fffdf7;
  --card-edge: #d9d2c3;
  --tab: #fffdf9;
  --sheet: #fffdf9;
  --scrim: rgba(32, 26, 21, .42);
  --credit-bg: #f6ead3;
  --credit-ink: #5e3d06;
  --shadow-raised: 0 1px 2px rgba(70, 40, 10, .08), 0 4px 14px rgba(70, 40, 10, .10);
  --shadow: 0 6px 20px rgba(70, 40, 10, .12);
  --shadow-card: 0 2px 8px rgba(0, 0, 0, .35);
}
[data-theme="messing"] {
  --bg: #141110;
  --bg-2: #1a1613;
  --surface: #1f1a17;
  --surface-2: #2c2520;
  --border: #3a312a;
  --border-strong: #7b726a;
  --text: #f3ece1;
  --muted: #b9ac9a;
  --accent: #d9a648;
  --accent-ink: #1d1408;
  --primary: #a8323f;
  --primary-ink: #ffffff;
  --good: #7cb88a;
  --good-ink: #10200f;
  --bad: #e0606d;
  --warn: #e0a040;
  --info: #79a8d8;
  --red-suit: #c8394b;
  --black-suit: #1b1b22;
  --card-bg: #fffdf7;
  --card-edge: #d9d2c3;
  --tab: #1a1613;
  --sheet: #1c1714;
  --scrim: rgba(10, 8, 6, .66);
  --credit-bg: #2b2214;
  --credit-ink: #e2b45e;
  --shadow-raised: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .30);
  --shadow: 0 6px 24px rgba(0, 0, 0, .4);
}
[data-theme="tag"] {
  --bg: #f6f3fc;
  --bg-2: #efeaf9;
  --surface: #ffffff;
  --surface-2: #efe8fb;
  --border: #ddd3f0;
  --border-strong: #887e9b;
  --text: #1f1733;
  --muted: #5e5378;
  --accent: #9a5c07;
  --accent-ink: #ffffff;
  --primary: #6d3fe0;
  --primary-ink: #ffffff;
  --good: #1f7a4a;
  --good-ink: #ffffff;
  --bad: #c0334a;
  --warn: #a85d00;
  --info: #2a6fb5;
  --red-suit: #c8324a;
  --black-suit: #1b1b22;
  --card-bg: #fffdf7;
  --card-edge: #d9d2c3;
  --tab: #ffffff;
  --sheet: #ffffff;
  --scrim: rgba(31, 23, 51, .42);
  --credit-bg: #fbf1e1;
  --credit-ink: #6b3f00;
  --shadow-raised: 0 1px 2px rgba(60, 30, 120, .08), 0 4px 14px rgba(60, 30, 120, .10);
  --shadow: 0 6px 20px rgba(60, 30, 120, .12);
}
[data-theme="nacht"] {
  --bg: #14101f;
  --bg-2: #1b1530;
  --surface: #221b36;
  --surface-2: #2e2549;
  --border: #3a3058;
  --border-strong: #7a7291;
  --text: #f2eefb;
  --muted: #b3a9cf;
  --accent: #f5c542;
  --accent-ink: #241500;
  --primary: #7647e8;
  --primary-ink: #ffffff;
  --good: #34c77b;
  --good-ink: #062b16;
  --bad: #ef5a6f;
  --warn: #f0a33a;
  --info: #5aa9ef;
  --red-suit: #e0475b;
  --black-suit: #1b1b22;
  --card-bg: #fffdf7;
  --card-edge: #d9d2c3;
  --tab: #1b1530;
  --sheet: #1d1731;
  --scrim: rgba(8, 5, 18, .64);
  --credit-bg: #2c2410;
  --credit-ink: #f5c542;
  --shadow-raised: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .30);
  --shadow: 0 6px 24px rgba(0, 0, 0, .35);
}

:root {
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-28: 28px;
  --space-40: 40px;
  --radius-sm: 8px;
  --radius: 14px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --radius-card-sm: 6px;
  --radius-card: 10px;
  --radius-card-lg: 14px;
  --radius-bar: 4px;
  --content-width: 720px;
  --landing-width: 1100px;
  --tabbar-height: 68px;
  --control-height: 40px;
  --font-sans: Manrope, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-card: Sora, Manrope, system-ui, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;
  --font-display: Sora, Manrope, system-ui, sans-serif;
}