/* styles/tokens.css — the single palette/typography layer.
 *
 * These declarations mirror the values the components already shipped with,
 * so introducing them is a visual no-op. Components consume them through
 * var(--sh-*); the design system lives here instead of being copied per file.
 */
:root {
  --sh-bg: #061426;
  --sh-bg-deep: #071018;
  --sh-surface: #0b1c31;
  --sh-surface-2: #102338;
  --sh-border: rgba(124, 255, 0, 0.16);
  --sh-text: #e9eefb;
  --sh-muted: #a9b7d6;
  --sh-accent: #7cff00;
  --sh-accent-2: #00ffd1;
  --sh-danger: #ff6b6b;
  --sh-radius-sm: 10px;
  --sh-radius: 18px;
  --sh-radius-lg: 28px;
  --sh-max-width: 1180px;
  --sh-gutter: 24px;
  --sh-font: "Segoe UI", Tahoma, "Noto Kufi Arabic", system-ui, -apple-system, sans-serif;
  --sh-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
  --sh-focus: 2px solid var(--sh-accent);
}