:root[data-design-theme="signal"],
[data-design-theme="signal"] {
  color-scheme: dark;
  --design-theme: "signal";
  /* TEKIZ.AI Brand Palette: exact values from brand kit */
  --bg: #050B18;
  --panel: #0a1420;
  --panel-2: #101a28;
  --surface: #0a1420;
  --surface-2: #101a28;
  --border: rgba(0, 229, 255, 0.16);
  --hairline: rgba(0, 229, 255, 0.10);
  --grid-line: rgba(0, 229, 255, 0.05);
  --muted: #8fa0b8;
  --text: #F8FAFD;
  --brand: #00E5FF;
  --brand-strong: #366BFF;
  --on-accent: #050B18;
  --accent-ink: #050B18;
  --amber: #8A3FFF;
  --success: #00E5FF;
  --warning: #8A3FFF;
  --error: #FF6B6B;
  --info: #8fa0b8;
  --hero-glow: rgba(0, 229, 255, 0.14);
  --button-shadow: rgba(54, 107, 255, 0.24);
  --radius: 14px;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.36);
  --shadow-active: 0 30px 82px rgba(0, 0, 0, 0.44);
  --shadow-soft: 0 14px 35px rgba(0, 0, 0, 0.23);
  --font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: JetBrains Mono, ui-monospace, "SFMono-Regular", Consolas, monospace;
}

[data-design-theme="signal"] body,
body[data-design-theme="signal"] {
  background: linear-gradient(180deg, #050B18 0%, #080f1c 52%, #050B18 100%);
  color: var(--text);
  font-family: var(--font-body);
  line-height: 1.5;
  text-rendering: geometricPrecision;
}

[data-design-theme="signal"] h1,
[data-design-theme="signal"] h2,
[data-design-theme="signal"] h3,
[data-design-theme="signal"] .brand {
  font-family: var(--font-heading);
  letter-spacing: -0.03em;
}

/*
 * Compatibility layer for static pages that predate the TEKIZ.AI palette.
 * This sheet loads after page-local CSS, so retired green tokens and literal
 * surfaces cannot reappear through an old page, saved preference, or link.
 */
[data-design-theme="signal"] .lead,
[data-design-theme="signal"] .subhero,
[data-design-theme="signal"] .hero p,
[data-design-theme="signal"] .muted,
[data-design-theme="signal"] .status,
[data-design-theme="signal"] .note {
  color: #c5d5ec;
}

[data-design-theme="signal"] .panel,
[data-design-theme="signal"] .card,
[data-design-theme="signal"] .terminalCard,
[data-design-theme="signal"] .tableWrap,
[data-design-theme="signal"] .kpi,
[data-design-theme="signal"] .routePathCard,
[data-design-theme="signal"] .step {
  background: linear-gradient(180deg, rgba(16, 26, 40, 0.94), rgba(5, 11, 24, 0.94));
  border-color: var(--border);
}

[data-design-theme="signal"] .primary,
[data-design-theme="signal"] .btn:not(.secondary):not(.ghost),
[data-design-theme="signal"] .button.primary {
  background: linear-gradient(135deg, #00e5ff, #366bff);
  color: #050b18;
}

[data-design-theme="signal"] code,
[data-design-theme="signal"] pre {
  color: #c9e8ff;
}

[data-design-theme="signal"] pre {
  background: #07111f;
  border-color: rgba(0, 229, 255, 0.16);
}

[data-design-theme="signal"] .pill,
[data-design-theme="signal"] .eyebrow {
  border-color: rgba(0, 229, 255, 0.28);
  color: #00e5ff;
}