/* GENERATED by scripts/build-static-theme.mjs from src/styles.css and src/design-system/tokens.css. Do not edit. */

:root, :root[data-theme="logo-neutral-dark"] {
  --radius: 10px;
  --background: #101112;
  --foreground: #f0f0ee;
  --card: #171819;
  --card-foreground: #f0f0ee;
  --muted: #202123;
  --muted-foreground: #a6a7aa;
  --border: rgba(255, 255, 255, 0.09);
  --ring: #c8cacf;
  --primary: #d5d7db;
  --primary-foreground: #161719;
  --secondary: #242527;
  --secondary-foreground: #e9e9e7;
  --accent: #d5d7db;
  --accent-foreground: #161719;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;
  --drag-accent: #60a5fa;
  --bg-gradient-a: #101112;
  --bg-gradient-b: #131416;
  --shadow-card: 0 1px 0 rgba(0, 0, 0, 0.28);
  --glow-soft:
    0 0 0 1px rgba(255, 255, 255, 0.04), 0 10px 28px rgba(0, 0, 0, 0.2);
  --glow-strong:
    0 0 0 1px rgba(255, 255, 255, 0.07), 0 14px 36px rgba(0, 0, 0, 0.3);
  --md-strong-weight: 760;
  --md-strong-color: var(--foreground);
  --md-strong-bg: transparent;
  --md-h1-size: 1.7rem;
  --md-h2-size: 1.36rem;
  --md-h3-size: 1.18rem;
  --md-h4-size: 1.02rem;
  --md-heading-accent: rgba(255, 255, 255, 0.12);
  --md-heading-shadow: none;
}

:root[data-theme="minimal-gray-dark"] {
  --radius: 10px;
  --background: #111210;
  --foreground: #ecece7;
  --card: #181916;
  --card-foreground: #e8eaee;
  --muted: #20211d;
  --muted-foreground: #a6a79f;
  --border: rgba(236, 236, 231, 0.1);
  --ring: #a8b98a;
  --primary: #b7c995;
  --primary-foreground: #171a12;
  --secondary: #242520;
  --secondary-foreground: #e1e2dc;
  --accent: #b7c995;
  --accent-foreground: #171a12;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;
  --drag-accent: #38bdf8;
  --bg-gradient-a: #111210;
  --bg-gradient-b: #111210;
  --shadow-card: 0 1px 0 rgba(0, 0, 0, 0.22);
  --glow-soft:
    0 0 0 1px color-mix(in oklab, var(--primary) 10%, transparent),
    0 8px 24px color-mix(in oklab, var(--primary) 10%, transparent);
  --glow-strong:
    0 0 0 1px color-mix(in oklab, var(--primary) 18%, transparent),
    0 12px 32px color-mix(in oklab, var(--primary) 14%, transparent);
  --md-strong-weight: 760;
  --md-strong-color: color-mix(
    in oklab,
    var(--foreground) 98%,
    var(--primary) 2%
  );
  --md-strong-bg: transparent;
  --md-h1-size: 1.7rem;
  --md-h2-size: 1.36rem;
  --md-h3-size: 1.18rem;
  --md-h4-size: 1.02rem;
  --md-heading-accent: color-mix(in oklab, var(--primary) 34%, var(--border));
  --md-heading-shadow: none;
}

:root[data-theme="logo-neutral-light"] {
  --radius: 10px;
  --background: #fdfdfc;
  --foreground: #191a1c;
  --card: #ffffff;
  --card-foreground: #191a1c;
  --muted: #f4f4f2;
  --muted-foreground: #65676b;
  --border: rgba(25, 26, 28, 0.1);
  --ring: #3d4045;
  --primary: #202225;
  --primary-foreground: #ffffff;
  --secondary: #f1f1ef;
  --secondary-foreground: #202225;
  --accent: #26282b;
  --accent-foreground: #fafaf9;
  --success: #087f5b;
  --warning: #b7660b;
  --danger: #c92a4b;
  --drag-accent: #2563eb;
  --bg-gradient-a: #fdfdfc;
  --bg-gradient-b: #fafaf8;
  --shadow-card: 0 1px 2px rgba(25, 26, 28, 0.04);
  --glow-soft:
    0 0 0 1px rgba(25, 26, 28, 0.035), 0 10px 26px rgba(25, 26, 28, 0.045);
  --glow-strong:
    0 0 0 1px rgba(25, 26, 28, 0.065), 0 14px 34px rgba(25, 26, 28, 0.07);
  --md-strong-weight: 760;
  --md-strong-color: var(--foreground);
  --md-strong-bg: transparent;
  --md-h1-size: 1.7rem;
  --md-h2-size: 1.36rem;
  --md-h3-size: 1.18rem;
  --md-h4-size: 1.02rem;
  --md-heading-accent: rgba(32, 33, 36, 0.14);
  --md-heading-shadow: none;
}

:root[data-theme="obsidian-violet-dark"] {
  --background: #0b0d14;
  --foreground: #e9ecf5;
  --card: #101425;
  --card-foreground: #e9ecf5;
  --muted: #13182b;
  --muted-foreground: #aeb6cf;
  --border: rgba(255, 255, 255, 0.06);
  --ring: #8b5cf6;
  --primary: #8b5cf6;
  --primary-foreground: #f5f3ff;
  --secondary: #161c31;
  --secondary-foreground: #dce1f1;
  --accent: #8b5cf6;
  --accent-foreground: #f5f3ff;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;
  --bg-gradient-a: #0b0d14;
  --bg-gradient-b: #0d1020;
  --shadow-card: 0 8px 24px rgba(2, 6, 23, 0.5);
  --glow-soft:
    0 0 0 1px color-mix(in oklab, var(--primary) 14%, transparent),
    0 10px 32px color-mix(in oklab, var(--primary) 14%, transparent);
  --glow-strong:
    0 0 0 1px color-mix(in oklab, var(--primary) 26%, transparent),
    0 14px 38px color-mix(in oklab, var(--primary) 18%, transparent);
}

:root[data-theme="graphite-teal-dark"] {
  --background: #0c1117;
  --foreground: #e6f2f2;
  --card: #111926;
  --card-foreground: #e6f2f2;
  --muted: #13202f;
  --muted-foreground: #9fb6bf;
  --border: rgba(255, 255, 255, 0.07);
  --ring: #2dd4bf;
  --primary: #2dd4bf;
  --primary-foreground: #05221f;
  --secondary: #12212c;
  --secondary-foreground: #d5f5ef;
  --accent: #2dd4bf;
  --accent-foreground: #05221f;
  --drag-accent: #f59e0b;
  --bg-gradient-a: #0c1117;
  --bg-gradient-b: #0d1a21;
}

:root[data-theme="cyberpunk-dark"] {
  --radius: 6px;
  --background: #05070c;
  --foreground: #f5f8ff;
  --card: #0c1018;
  --card-foreground: #f5f8ff;
  --muted: #121828;
  --muted-foreground: #96a4c7;
  --border: rgba(249, 236, 78, 0.24);
  --ring: #00f07a;
  --primary: #f9ec4e;
  --primary-foreground: #181200;
  --secondary: #151b2b;
  --secondary-foreground: #f2f6ff;
  --accent: #ff355e;
  --accent-foreground: #ffe8ee;
  --success: #00f07a;
  --warning: #f59e0b;
  --danger: #ff355e;
  --bg-gradient-a: #05070c;
  --bg-gradient-b: #0d1221;
  --shadow-card: 0 12px 34px rgba(0, 0, 0, 0.66);
  --glow-soft:
    0 0 0 1px color-mix(in oklab, var(--primary) 26%, transparent),
    0 0 16px color-mix(in oklab, var(--success) 10%, transparent),
    0 12px 30px rgba(0, 0, 0, 0.45);
  --glow-strong:
    0 0 0 1px color-mix(in oklab, var(--accent) 34%, transparent),
    0 0 20px color-mix(in oklab, var(--success) 12%, transparent),
    0 16px 38px color-mix(in oklab, var(--accent) 22%, transparent);
  --md-strong-weight: 820;
  --md-strong-color: color-mix(in oklab, var(--primary) 90%, white 10%);
  --md-strong-bg: color-mix(in oklab, var(--primary) 18%, transparent);
  --md-heading-accent: color-mix(in oklab, var(--primary) 70%, var(--accent));
  --md-heading-shadow: 0 0 12px
    color-mix(in oklab, var(--primary) 34%, transparent);
}

:root[data-theme="ocean-blue-dark"] {
  --background: #07090f;
  --foreground: #edf2ff;
  --card: #0f1524;
  --card-foreground: #edf2ff;
  --muted: #121a2e;
  --muted-foreground: #a9b8d6;
  --border: rgba(255, 255, 255, 0.09);
  --ring: #67e8f9;
  --primary: #67e8f9;
  --primary-foreground: #04222b;
  --secondary: #16203a;
  --secondary-foreground: #dbebff;
  --accent: #67e8f9;
  --accent-foreground: #04222b;
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #fb7185;
  --drag-accent: #f59e0b;
  --bg-gradient-a: #07090f;
  --bg-gradient-b: #0b1120;
  --shadow-card: 0 10px 30px rgba(2, 8, 24, 0.56);
  --glow-soft:
    0 0 0 1px color-mix(in oklab, var(--primary) 16%, transparent),
    0 10px 28px color-mix(in oklab, var(--primary) 10%, transparent);
  --glow-strong:
    0 0 0 1px color-mix(in oklab, var(--primary) 24%, transparent),
    0 14px 34px color-mix(in oklab, var(--primary) 16%, transparent);
}

:root[data-theme="minimal-gray-light"] {
  --radius: 10px;
  --background: #f3f1ea;
  --foreground: #24251f;
  --card: #faf9f4;
  --card-foreground: #24251f;
  --muted: #eae8df;
  --muted-foreground: #66685d;
  --border: rgba(36, 37, 31, 0.12);
  --ring: #6f7e55;
  --primary: #657548;
  --primary-foreground: #fbfcf7;
  --secondary: #e8e6dc;
  --secondary-foreground: #2f3029;
  --accent: #657548;
  --accent-foreground: #fbfcf7;
  --success: #059669;
  --warning: #d97706;
  --danger: #e11d48;
  --bg-gradient-a: #f3f1ea;
  --bg-gradient-b: #f3f1ea;
  --shadow-card: 0 1px 0 rgba(36, 37, 31, 0.08);
}

:root[data-theme="obsidian-violet-light"] {
  --background: #f6f5fc;
  --foreground: #1d1b31;
  --card: #ffffff;
  --card-foreground: #1d1b31;
  --muted: #efedfb;
  --muted-foreground: #5c5a78;
  --border: rgba(29, 27, 49, 0.1);
  --ring: #7c3aed;
  --primary: #7c3aed;
  --primary-foreground: #f5f3ff;
  --secondary: #ece8fd;
  --secondary-foreground: #2b2850;
  --accent: #7c3aed;
  --accent-foreground: #f5f3ff;
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #e11d48;
  --bg-gradient-a: #f6f5fc;
  --bg-gradient-b: #f1effb;
  --shadow-card: 0 8px 24px rgba(76, 29, 149, 0.09);
}

:root[data-theme="graphite-teal-light"] {
  --background: #f2f7f7;
  --foreground: #132027;
  --card: #ffffff;
  --card-foreground: #132027;
  --muted: #e7f0ef;
  --muted-foreground: #4f6470;
  --border: rgba(19, 32, 39, 0.11);
  --ring: #0f766e;
  --primary: #0f766e;
  --primary-foreground: #f0fdfa;
  --secondary: #e3efee;
  --secondary-foreground: #16313b;
  --accent: #0f766e;
  --accent-foreground: #f0fdfa;
  --success: #059669;
  --warning: #b45309;
  --danger: #dc2626;
  --drag-accent: #7c3aed;
  --bg-gradient-a: #f2f7f7;
  --bg-gradient-b: #edf3f3;
  --shadow-card: 0 8px 24px rgba(15, 118, 110, 0.09);
}

:root[data-theme="light-paper-light"] {
  --background: #f5f1e8;
  --foreground: #1f2430;
  --card: #fffdf8;
  --card-foreground: #1f2430;
  --muted: #ece8de;
  --muted-foreground: #5a6375;
  --border: rgba(31, 36, 48, 0.12);
  --ring: #7c3aed;
  --primary: #7c3aed;
  --primary-foreground: #faf5ff;
  --secondary: #ebe6d9;
  --secondary-foreground: #2a3142;
  --accent: #7c3aed;
  --accent-foreground: #faf5ff;
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #e11d48;
  --bg-gradient-a: #f5f1e8;
  --bg-gradient-b: #f1ece2;
  --shadow-card: 0 8px 24px rgba(15, 23, 42, 0.08);
}

:root[data-theme="frost-blue-light"] {
  --background: #eef5ff;
  --foreground: #102033;
  --card: #ffffff;
  --card-foreground: #102033;
  --muted: #e5eefc;
  --muted-foreground: #4f6176;
  --border: rgba(16, 32, 51, 0.1);
  --ring: #2563eb;
  --primary: #2563eb;
  --primary-foreground: #eff6ff;
  --secondary: #e2ebfa;
  --secondary-foreground: #163154;
  --accent: #2563eb;
  --accent-foreground: #eff6ff;
  --success: #059669;
  --warning: #b45309;
  --danger: #dc2626;
  --drag-accent: #b45309;
  --bg-gradient-a: #eef5ff;
  --bg-gradient-b: #e9f1fd;
  --shadow-card: 0 8px 24px rgba(37, 99, 235, 0.09);
}

:root[data-theme="sage-paper-light"] {
  --background: #f2f6f1;
  --foreground: #1a2a20;
  --card: #ffffff;
  --card-foreground: #1a2a20;
  --muted: #e7eee6;
  --muted-foreground: #4e6057;
  --border: rgba(26, 42, 32, 0.1);
  --ring: #2f855a;
  --primary: #2f855a;
  --primary-foreground: #f0fdf4;
  --secondary: #e1ece3;
  --secondary-foreground: #1f3a2a;
  --accent: #2f855a;
  --accent-foreground: #f0fdf4;
  --success: #16a34a;
  --warning: #ca8a04;
  --danger: #dc2626;
  --bg-gradient-a: #f2f6f1;
  --bg-gradient-b: #edf3eb;
  --shadow-card: 0 8px 24px rgba(47, 133, 90, 0.08);
}

:root[data-theme="solar-sand-light"] {
  --background: #fff6e8;
  --foreground: #2b2013;
  --card: #fffdf8;
  --card-foreground: #2b2013;
  --muted: #f4ead8;
  --muted-foreground: #6d5a42;
  --border: rgba(43, 32, 19, 0.11);
  --ring: #ea580c;
  --primary: #ea580c;
  --primary-foreground: #fff7ed;
  --secondary: #f1e3cd;
  --secondary-foreground: #3a2a1b;
  --accent: #ea580c;
  --accent-foreground: #fff7ed;
  --success: #15803d;
  --warning: #b45309;
  --danger: #dc2626;
  --bg-gradient-a: #fff6e8;
  --bg-gradient-b: #fdf1df;
  --shadow-card: 0 8px 24px rgba(234, 88, 12, 0.08);
}

:root[data-theme="rose-petal-light"] {
  --radius: 12px;
  --background: #fff7fa;
  --foreground: #38232d;
  --card: #fffdfd;
  --card-foreground: #38232d;
  --muted: #f8e8ef;
  --muted-foreground: #745563;
  --border: rgba(91, 42, 63, 0.13);
  --ring: #be3f73;
  --primary: #b8326a;
  --primary-foreground: #fff9fc;
  --secondary: #f5dfe8;
  --secondary-foreground: #4d2939;
  --accent: #d84f87;
  --accent-foreground: #fff9fc;
  --success: #16835f;
  --warning: #a65b0b;
  --danger: #c02655;
  --bg-gradient-a: #fff7fa;
  --bg-gradient-b: #fceff5;
  --shadow-card: 0 8px 24px rgba(126, 45, 80, 0.08);
  --glow-soft:
    0 0 0 1px color-mix(in oklab, var(--primary) 8%, transparent),
    0 10px 28px rgba(190, 63, 115, 0.08);
  --glow-strong:
    0 0 0 1px color-mix(in oklab, var(--primary) 14%, transparent),
    0 14px 34px rgba(190, 63, 115, 0.12);
  --md-heading-accent: color-mix(in oklab, var(--primary) 30%, var(--border));
}

:root[data-theme="light-paper-dark"] {
  --background: #1d1a17;
  --foreground: #f5eee3;
  --card: #28231e;
  --card-foreground: #f5eee3;
  --muted: #312a24;
  --muted-foreground: #c3b8aa;
  --border: rgba(255, 255, 255, 0.08);
  --ring: #c084fc;
  --primary: #c084fc;
  --primary-foreground: #2a0b3f;
  --secondary: #342d25;
  --secondary-foreground: #f0e6d8;
  --accent: #c084fc;
  --accent-foreground: #2a0b3f;
  --bg-gradient-a: #1d1a17;
  --bg-gradient-b: #25201b;
}

:root {
  --control-height-sm: 2.25rem;
  --control-height: 2.5rem;
  --control-height-lg: 2.75rem;
  --content-width: 72rem;
  --content-width-reading: 53rem;
  --space-page-x: clamp(1rem, 2.5vw, 2rem);
  --space-page-y: clamp(1rem, 2.5vw, 1.75rem);
  --surface-raised: color-mix(in oklab, var(--card) 97%, var(--background));
  --surface-subtle: color-mix(in oklab, var(--muted) 82%, var(--card));
  --surface-inset: color-mix(in oklab, var(--background) 56%, var(--muted));
  --surface-hover: color-mix(in oklab, var(--secondary) 88%, var(--foreground) 12%);
  --control-track: color-mix(in oklab, var(--background) 72%, var(--muted));
  --overlay-scrim: rgb(0 0 0 / 0.55);
  --overlay-soft: rgb(0 0 0 / 0.12);
  --danger-soft: color-mix(in oklab, var(--danger) 11%, transparent);
  --warning-soft: color-mix(in oklab, var(--warning) 11%, transparent);
  --success-soft: color-mix(in oklab, var(--success) 11%, transparent);
  --info: #60a5fa;
  --info-soft: color-mix(in oklab, var(--info) 11%, transparent);
  --border-strong: color-mix(in oklab, var(--border) 72%, var(--foreground) 28%);
  --shadow-overlay: 0 24px 70px rgb(0 0 0 / 0.28);
  --z-sidebar-overlay: 70;
  --z-popover: 90;
  --z-assistant: 110;
  --z-modal: 120;
  --z-toast: 130;
}

:root[data-theme$='-light'] {
  --surface-raised: color-mix(in oklab, var(--card) 98%, var(--background));
  --surface-subtle: color-mix(in oklab, var(--muted) 66%, var(--card));
  --surface-inset: color-mix(in oklab, var(--muted) 72%, var(--card));
  --surface-hover: color-mix(in oklab, var(--secondary) 82%, var(--foreground) 6%);
  --control-track: color-mix(in oklab, var(--muted) 78%, var(--background));
  --overlay-scrim: rgb(24 27 22 / 0.4);
  --overlay-soft: rgb(24 27 22 / 0.06);
  --shadow-overlay: 0 24px 70px rgb(24 27 22 / 0.16);
  --info: #2563eb;
}