:root {
  /* Temen Systems — Signal Blueprint v1.2 */
  --temen-blueprint-navy: #07111f;
  --temen-deep-navy: #0b1728;
  --temen-graphite: #141c26;
  --temen-signal-teal: #21c7b7;
  --temen-cloud-blue: #3b82f6;
  --temen-success-green: #55d98b;
  --temen-cloud-white: #f5f8fc;
  --temen-mist: #dce5ef;
  --temen-slate: #a8b6c6;
  --temen-white: #ffffff;

  --temen-color-bg-dark: var(--temen-blueprint-navy);
  --temen-color-bg-dark-secondary: var(--temen-deep-navy);
  --temen-color-surface-dark: var(--temen-graphite);
  --temen-color-bg-light: var(--temen-cloud-white);
  --temen-color-surface-light: var(--temen-white);
  --temen-color-border: var(--temen-mist);
  --temen-color-text-dark: var(--temen-blueprint-navy);
  --temen-color-text-light: var(--temen-cloud-white);
  --temen-color-text-muted: #536579;
  --temen-color-action: var(--temen-signal-teal);
  --temen-color-platform: var(--temen-cloud-blue);
  --temen-color-success: var(--temen-success-green);

  --temen-font-display: "Aptos Display", Aptos, Arial, sans-serif;
  --temen-font-body: Aptos, Arial, sans-serif;
  --temen-font-mono: "Aptos Mono", "Cascadia Mono", Consolas, monospace;

  --temen-space-1: 4px;
  --temen-space-2: 8px;
  --temen-space-3: 12px;
  --temen-space-4: 16px;
  --temen-space-5: 24px;
  --temen-space-6: 32px;
  --temen-space-7: 48px;
  --temen-space-8: 64px;

  --temen-radius-sm: 3px;
  --temen-radius-md: 6px;
  --temen-radius-lg: 10px;
  --temen-line-thin: 1px;
  --temen-line-signal: 3px;
  --temen-shadow-card: 0 8px 24px rgb(7 17 31 / 10%);
  --temen-focus-ring: 0 0 0 3px #f5f8fc, 0 0 0 6px #21c7b7;
}