/* Generated from mockup/index.html by tools/build_cases.mjs. Do not edit.
   The ten signature designs, as token blocks. The base palette and the derived
   designs are handled by /case/style.css and /designs-runtime.js. */

[data-design="terminal"] {
  --paper: #0a0f0b;
  --card: #101a12;
  --ink: #d8f3dd;
  --muted: #8fae97;
  --line: #24402c;
  --accent: #45e08a;
  --on-accent: #0a0f0b;
  --amber: #ffb86b;
  --chip: #1c2f22;
  --chip-ink: #b9f5c9;
  --body: #b9d6c0;
  --body-strong: #cfe9d5;
  --header-bg: rgba(10, 15, 11, .92);
  --input-bg: #0c130e;
  --ok-bg: #122019;
  --warn-bg: #2a1d0e;
  --warn-line: #5a3c1a;
  --warn-ink: #ffc27a;
  --ribbon-ink: #06140b;
  --shadow-card: none;
  --radius-card: 2px;
  --radius-panel: 2px;
  --radius-btn: 2px;
  --radius-input: 2px;
  --radius-chip: 2px;
  --display-font: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --display-weight: 600;
  --display-ls: -.02em;
  --display-lh: 1.02;
  --body-font: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --ui-font: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  --img-filter: grayscale(1) brightness(.72) contrast(1.15) sepia(.35) hue-rotate(55deg) saturate(1.6);
  --img-height: 150px;
  --hero-cols: 1fr;
  --hero-gap: 34px;
  --card-min: 170px;
  --section-pad: 48px;
}

[data-design="swiss"] {
  --paper: #ffffff;
  --card: #ffffff;
  --ink: #111111;
  --muted: #555555;
  --line: #cfcfcf;
  --accent: #b81d1d;
  --on-accent: #ffffff;
  --amber: #9a1f1f;
  --chip: #efefef;
  --chip-ink: #8f1414;
  --body: #333333;
  --body-strong: #222222;
  --header-bg: rgba(255, 255, 255, .95);
  --input-bg: #fff;
  --ok-bg: #f4f4f4;
  --warn-bg: #fbecec;
  --warn-line: #e6b6b6;
  --warn-ink: #8f1414;
  --ribbon-ink: #ffffff;
  --shadow-card: none;
  --radius-card: 0;
  --radius-panel: 0;
  --radius-btn: 0;
  --radius-input: 0;
  --radius-chip: 0;
  --display-font: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;
  --display-weight: 700;
  --display-ls: -.045em;
  --display-lh: .94;
  --body-font: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;
  --ui-font: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;
  --ui-tracking: .09em;
  --img-filter: grayscale(1) contrast(1.08);
  --img-height: 210px;
  --hero-cols: 1.65fr .35fr;
  --hero-gap: 44px;
  --card-min: 180px;
  --section-pad: 58px;
  --rule-w: 2px;
}

[data-design="soft"] {
  --paper: #f4f1fb;
  --card: #ffffff;
  --ink: #1e1b2e;
  --muted: #635d78;
  --line: #e4dff3;
  --accent: #4b3bd6;
  --on-accent: #ffffff;
  --amber: #9a4b12;
  --chip: #ece6ff;
  --chip-ink: #4331c4;
  --body: #3b3550;
  --body-strong: #2b2540;
  --header-bg: rgba(244, 241, 251, .9);
  --input-bg: #fff;
  --ok-bg: #efeaff;
  --warn-bg: #fdf1dc;
  --warn-line: #ecd3a5;
  --warn-ink: #7a4a0d;
  --ribbon-ink: #ffffff;
  --shadow-card: 0 18px 40px rgba(70, 50, 140, .10);
  --radius-card: 26px;
  --radius-panel: 26px;
  --radius-btn: 999px;
  --radius-input: 14px;
  --radius-chip: 999px;
  --display-font: ui-rounded, "SF Pro Rounded", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --display-weight: 600;
  --display-ls: -.03em;
  --display-lh: 1.0;
  --body-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --ui-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --ui-tracking: .04em;
  --img-height: 200px;
  --hero-cols: 1.3fr .7fr;
  --hero-gap: 40px;
  --card-min: 190px;
  --section-pad: 68px;
  --page-glow: radial-gradient(1100px 520px at 82% -8%, #e7e0ff 0%, rgba(231, 224, 255, 0) 62%);
}

[data-design="cyber"] {
  --paper: #05060a;
  --card: #0a0f12;
  --ink: #eafff5;
  --muted: #8fb3a6;
  --line: #1b3a2f;
  --accent: #00ff9c;
  --on-accent: #05060a;
  --amber: #ffbd2e;
  --chip: #0f241b;
  --chip-ink: #9dffcd;
  --body: #b8d6c8;
  --body-strong: #eafff5;
  --header-bg: rgba(5, 6, 10, .9);
  --input-bg: #071009;
  --ok-bg: #07160f;
  --warn-bg: #1c1304;
  --warn-line: #4a3508;
  --warn-ink: #ffcf6b;
  --ribbon-ink: #0b6b45;
  --shadow-card: 0 0 0 1px rgba(0, 255, 156, .10), 0 0 30px rgba(0, 255, 156, .06);
  --radius-card: 2px;
  --radius-panel: 2px;
  --radius-btn: 2px;
  --radius-input: 2px;
  --radius-chip: 2px;
  --display-font: "Share Tech Mono", "Inconsolata", ui-monospace, "SF Mono", Menlo, monospace;
  --display-weight: 400;
  --display-ls: .01em;
  --display-lh: 1.04;
  --body-font: "Inconsolata", ui-monospace, "SF Mono", Menlo, monospace;
  --ui-font: ui-monospace, "SF Mono", Menlo, monospace;
  --ui-tracking: .12em;
  --img-filter: grayscale(1) contrast(1.08) brightness(.92);
  --img-height: 180px;
  --hero-cols: 1.45fr .55fr;
  --hero-gap: 56px;
  --card-min: 196px;
  --card-pad: 20px;
  --section-pad: 64px;
  --rule-w: 1px;
  --dot-size: 6px;
}

[data-design="dark"] {
  --paper: #0b0b0f;
  --card: #1d1d23;
  --ink: #f2f2f5;
  --muted: #9b9ba4;
  --line: #30303a;
  --accent: #8b8bf5;
  --on-accent: #0b0b0f;
  --amber: #f0b46b;
  --chip: #23233a;
  --chip-ink: #c7c7ff;
  --body: #d4d4d8;
  --body-strong: #f2f2f5;
  --header-bg: rgba(11,11,15,.9);
  --input-bg: #17171c;
  --ok-bg: #12251a;
  --warn-bg: #2a1f10;
  --warn-line: #4a3618;
  --warn-ink: #f0b46b;
  --ribbon-ink: #4b46c4;
  --shadow-card: 0 1px 3px rgba(0,0,0,.4);
  --radius-card: 10px;
  --radius-panel: 10px;
  --radius-btn: 8px;
  --radius-input: 8px;
  --radius-chip: 999px;
  --display-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --display-weight: 650;
  --display-ls: -.02em;
  --display-lh: 1.02;
  --body-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --ui-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ui-tracking: .07em;
  --img-filter: none;
  --img-height: 160px;
  --hero-cols: 1.2fr .8fr;
  --hero-gap: 56px;
  --card-min: 240px;
  --card-pad: 20px;
  --section-pad: 60px;
  --rule-w: 1px;
  --dot-size: 6px;
  --page-glow: radial-gradient(900px 480px at 15% -10%, rgba(139,139,245,.10), transparent 60%);
}

[data-design="bakery"] {
  --paper: #f5f4ed;
  --card: #faf9f5;
  --ink: #141413;
  --muted: #5e5d59;
  --line: #e8e6dc;
  --accent: #a8412a;
  --on-accent: #f5f4ed;
  --amber: #8a5300;
  --chip: #f2e6e1;
  --chip-ink: #8f351f;
  --body: #3a3936;
  --body-strong: #24231f;
  --header-bg: rgba(245,244,237,.95);
  --input-bg: #ffffff;
  --ok-bg: #e2efe4;
  --warn-bg: #f6ecd9;
  --warn-line: #e0cba8;
  --warn-ink: #8a5300;
  --ribbon-ink: #ffffff;
  --shadow-card: 0 1px 3px rgba(60,50,35,.06);
  --radius-card: 4px;
  --radius-panel: 6px;
  --radius-btn: 2px;
  --radius-input: 4px;
  --radius-chip: 2px;
  --display-font: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --display-weight: 400;
  --display-ls: -.02em;
  --display-lh: 1.0;
  --body-font: Georgia, "Iowan Old Style", "Times New Roman", serif;
  --ui-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ui-tracking: .07em;
  --img-filter: sepia(.08);
  --img-height: 200px;
  --hero-cols: 1fr;
  --hero-gap: 28px;
  --card-min: 260px;
  --card-pad: 20px;
  --section-pad: 60px;
  --rule-w: 1px;
  --dot-size: 6px;
  --page-glow: none;
}

[data-design="tape"] {
  --paper: #09090b;
  --card: #09090b;
  --ink: #fafafa;
  --muted: #a1a1aa;
  --line: #27272a;
  --accent: #a78bfa;
  --on-accent: #09090b;
  --amber: #fbbf24;
  --chip: #1e1b2e;
  --chip-ink: #c4b5fd;
  --body: #d4d4d8;
  --body-strong: #fafafa;
  --header-bg: rgba(9,9,11,.86);
  --input-bg: #18181b;
  --ok-bg: #0f2318;
  --warn-bg: #261d09;
  --warn-line: #4a3618;
  --warn-ink: #fbbf24;
  --ribbon-ink: #6d28d9;
  --shadow-card: none;
  --radius-card: 12px;
  --radius-panel: 12px;
  --radius-btn: 10px;
  --radius-input: 10px;
  --radius-chip: 999px;
  --display-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --display-weight: 750;
  --display-ls: -.045em;
  --display-lh: .97;
  --body-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --ui-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ui-tracking: .07em;
  --img-filter: none;
  --img-height: 190px;
  --hero-cols: 1fr;
  --hero-gap: 30px;
  --card-min: 240px;
  --card-pad: 20px;
  --section-pad: 64px;
  --rule-w: 1px;
  --dot-size: 6px;
  --page-glow: radial-gradient(1000px 520px at 12% -8%, rgba(124,92,255,.20), transparent 60%), radial-gradient(900px 430px at 94% 2%, rgba(34,211,238,.12), transparent 55%);
}

[data-design="amp"] {
  --paper: #0a0a0f;
  --card: #1a1a26;
  --ink: #f0f0ff;
  --muted: #7d8695;
  --line: #2a2a3e;
  --accent: #8b84ff;
  --on-accent: #0a0a0f;
  --amber: #ffb347;
  --chip: #1e1c3f;
  --chip-ink: #c7c2ff;
  --body: #b6b6d6;
  --body-strong: #f0f0ff;
  --header-bg: rgba(10,10,15,.9);
  --input-bg: #12121a;
  --ok-bg: #091919;
  --warn-bg: #191412;
  --warn-line: #4a3618;
  --warn-ink: #ffb347;
  --ribbon-ink: #4f46d6;
  --shadow-card: 0 10px 30px rgba(0,0,0,.35);
  --radius-card: 14px;
  --radius-panel: 14px;
  --radius-btn: 10px;
  --radius-input: 10px;
  --radius-chip: 999px;
  --display-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --display-weight: 700;
  --display-ls: -.03em;
  --display-lh: 1.0;
  --body-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --ui-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ui-tracking: .07em;
  --img-filter: none;
  --img-height: 150px;
  --hero-cols: 1fr .45fr;
  --hero-gap: 56px;
  --card-min: 220px;
  --card-pad: 20px;
  --section-pad: 60px;
  --rule-w: 1px;
  --dot-size: 6px;
  --page-glow: radial-gradient(820px 440px at 88% -6%, rgba(108,99,255,.16), transparent 62%);
}

[data-design="zpe"] {
  --paper: #050507;
  --card: #0a0a0f;
  --ink: #e0e7ff;
  --muted: #8b93b8;
  --line: #1c1c2a;
  --accent: #a78bfa;
  --on-accent: #050507;
  --amber: #f0b46b;
  --chip: #141430;
  --chip-ink: #d6ccff;
  --body: #b6bfe0;
  --body-strong: #e0e7ff;
  --header-bg: rgba(5,5,7,.9);
  --input-bg: #0a0a0f;
  --ok-bg: #12251a;
  --warn-bg: #2a1f10;
  --warn-line: #4a3618;
  --warn-ink: #f0b46b;
  --ribbon-ink: #6448cf;
  --shadow-card: 0 12px 32px rgba(0,0,0,.5);
  --radius-card: 12px;
  --radius-panel: 12px;
  --radius-btn: 8px;
  --radius-input: 8px;
  --radius-chip: 999px;
  --display-font: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;
  --display-weight: 600;
  --display-ls: -.02em;
  --display-lh: 1.02;
  --body-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --ui-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ui-tracking: .07em;
  --img-filter: none;
  --img-height: 150px;
  --hero-cols: 1.5fr .5fr;
  --hero-gap: 56px;
  --card-min: 200px;
  --card-pad: 20px;
  --section-pad: 60px;
  --rule-w: 1px;
  --dot-size: 6px;
  --page-glow: radial-gradient(920px 500px at 12% -8%, rgba(167,139,250,.16), transparent 62%);
}

[data-design="forge"] {
  --paper: #000000; --card: #0a0a0a; --ink: #e6ffe6; --body: #c8ffc8; --body-strong: #ffffff;
  --muted: #7dd67d; --line: #1f4d1f; --accent: #00ff41; --on-accent: #001400;
  --chip: #0d1f0d; --chip-ink: #8bff8b; --header-bg: rgba(0,0,0,.92); --input-bg: #050805;
  --ok-bg: #062006; --warn-bg: #1a1200; --warn-line: #4d3a00; --warn-ink: #ffd166;
  --ribbon-ink: #001400;
  --display-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --body-font: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --display-weight: 600; --display-ls: -.02em; --display-lh: 1.05;
  --radius-card: 10px; --radius-panel: 10px; --radius-btn: 6px; --radius-chip: 999px;
  --shadow-card: 0 0 24px rgba(0,255,65,.18);
  --img-filter: grayscale(1) brightness(.72) contrast(1.2);
  --page-glow: radial-gradient(60% 50% at 50% 0%, rgba(0,255,65,.10), transparent 70%);
  --grain-opacity: .05;
}