/* Novatech Digital — design tokens */
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap");

:root {
  --font-sans: "Onest", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Onyx (default dark) */
  --bg: #07090c;
  --bg-2: #0d1116;
  --surface: rgba(255, 255, 255, 0.03);
  --surface-hover: rgba(255, 255, 255, 0.06);
  --fg: #e8ecf3;
  --fg-mute: #7a818d;
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.18);
  --accent: #6df7c4;
  --accent-2: #4cc9ff;
  --accent-fg: #07090c;
  --glow: 0 0 0 1px rgba(109, 247, 196, 0.18), 0 8px 40px rgba(109, 247, 196, 0.06);
  --selection-bg: #6df7c4;
  --selection-fg: #07090c;

  --container: 1360px;
  --gutter: clamp(20px, 4vw, 56px);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 28px;

  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="cyber"] {
  --accent: #4cc9ff;
  --accent-2: #b794ff;
  --glow: 0 0 0 1px rgba(76, 201, 255, 0.22), 0 8px 40px rgba(76, 201, 255, 0.10);
  --selection-bg: #4cc9ff;
}

[data-theme="daylight"] {
  --bg: #f5f6f8;
  --bg-2: #ffffff;
  --surface: rgba(0, 0, 0, 0.025);
  --surface-hover: rgba(0, 0, 0, 0.05);
  --fg: #0d1117;
  --fg-mute: #5b6470;
  --line: rgba(13, 17, 23, 0.10);
  --line-strong: rgba(13, 17, 23, 0.28);
  --accent: #0e8a5f;
  --accent-2: #1f5af3;
  --accent-fg: #ffffff;
  --glow: 0 0 0 1px rgba(14, 138, 95, 0.20), 0 8px 24px rgba(14, 138, 95, 0.10);
  --selection-bg: #0e8a5f;
  --selection-fg: #ffffff;
}