/* CTxNmo — generated from tokens.json */
:root, [data-theme="public"] {
  --bg: #050a14;
  --surface: #0b1424;
  --surface-2: #101d32;
  --surface-3: #172842;
  --border: #223653;
  --border-control: #5a769c;
  --ink: #f5f8ff;
  --ink-muted: #93a4bb;
  --brand: #3b82f6;
  --brand-ink: #60a5fa;
  --brand-subtle: #12284d;
  --action: #2563eb;
  --action-hover: #1d4ed8;
  --action-shadow: #1e3a8a;
  --on-action: #ffffff;
  --accent: #22d3ee;
  --focus: #22d3ee;
  --scrim: rgba(2, 6, 14, 0.72);
  --success: #34d399;
  --success-bg: #0c2a22;
  --success-ink: #6ee7b7;
  --info: #60a5fa;
  --info-bg: #0f2244;
  --info-ink: #93c5fd;
  --warning: #fbbf24;
  --warning-bg: #2e2208;
  --warning-ink: #fcd34d;
  --danger: #ef5350;
  --danger-bg: #3a1214;
  --danger-ink: #fca5a5;
  --danger-action: #c62828;
  --danger-action-hover: #a51d1d;
  --neutral: #93a4bb;
  --neutral-bg: #172842;
  --neutral-ink: #c6d2e1;
  --java-bg: #431407;
  --java-ink: #fdba74;
  --java-border: #9a3412;
  --bedrock-bg: #052e16;
  --bedrock-ink: #86efac;
  --bedrock-border: #166534;
  --nav-bg: #050a14;
  --nav-ink: #c6d2e1;
  --nav-ink-active: #ffffff;
  --nav-active-bg: #172842;
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-2: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 24px 64px rgba(0, 0, 0, 0.6);
  --shadow-block: 0 4px 0 #1e3a8a;
  --shadow-block-ink: 4px 4px 0 rgba(0, 0, 0, 0.5);
}
[data-theme="admin"] {
  --bg: #eaf1f9;
  --surface: #ffffff;
  --surface-2: #f4f8fc;
  --surface-3: #e1ebf7;
  --border: #cfdbeb;
  --border-control: #72859e;
  --ink: #0b172a;
  --ink-muted: #53657d;
  --brand: #3b82f6;
  --brand-ink: #1d4ed8;
  --brand-subtle: #dbe8ff;
  --action: #2563eb;
  --action-hover: #1d4ed8;
  --action-shadow: #1e3a8a;
  --on-action: #ffffff;
  --accent: #0e7490;
  --focus: #1d4ed8;
  --scrim: rgba(11, 23, 42, 0.48);
  --success: #15803d;
  --success-bg: #d7f5e3;
  --success-ink: #0d6b3a;
  --info: #2563eb;
  --info-bg: #dbe8ff;
  --info-ink: #1d4ed8;
  --warning: #b45309;
  --warning-bg: #fff1cf;
  --warning-ink: #8a5a00;
  --danger: #dc2626;
  --danger-bg: #fde0dd;
  --danger-ink: #a3271f;
  --danger-action: #c62828;
  --danger-action-hover: #a51d1d;
  --neutral: #64748b;
  --neutral-bg: #e3eaf3;
  --neutral-ink: #4b5d76;
  --java-bg: #ffedd5;
  --java-ink: #9a3412;
  --java-border: #fdba74;
  --bedrock-bg: #dcfce7;
  --bedrock-ink: #166534;
  --bedrock-border: #86efac;
  --nav-bg: #0b1424;
  --nav-ink: #c6d2e1;
  --nav-ink-active: #ffffff;
  --nav-active-bg: #172842;
  --shadow-1: 0 1px 2px rgba(11, 23, 42, 0.08);
  --shadow-2: 0 12px 32px rgba(11, 23, 42, 0.14);
  --shadow-3: 0 24px 64px rgba(11, 23, 42, 0.22);
  --shadow-block-ink: 4px 4px 0 rgba(11, 23, 42, 0.12);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --control-s: 32px;
  --control-m: 40px;
  --control-l: 48px;
  --touch-min: 44px;
  --icon-s: 16px;
  --icon-m: 20px;
  --icon-l: 24px;
  --pixel: 2px;
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --z-sticky: 20;
  --z-dropdown: 30;
  --z-drawer: 40;
  --z-dialog: 50;
  --z-toast: 60;
  --font-sans: Inter, "Noto Sans Thai", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
.display { font-family: var(--font-sans); font-size: 48px; line-height: 60px; font-weight: 800; }
.title-1 { font-family: var(--font-sans); font-size: 36px; line-height: 48px; font-weight: 800; }
.title-2 { font-family: var(--font-sans); font-size: 28px; line-height: 40px; font-weight: 700; }
.title-3 { font-family: var(--font-sans); font-size: 22px; line-height: 32px; font-weight: 700; }
.title-4 { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 700; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 26px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 600; }
.meta { font-family: var(--font-sans); font-size: 13px; line-height: 22px; font-weight: 500; }
.eyebrow { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 700; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 18px; font-weight: 600; }