/* Flextracode design tokens: Toolcrib's dark blue foundation with restrained cyan and green accents. */
:root {
  color-scheme: dark;

  /* Surfaces and text */
  --fx-bg: #020817;
  --fx-bg-deep: #071426;
  --fx-surface: #0d1b2e;
  --fx-surface-raised: #132740;
  --fx-surface-soft: rgba(19, 39, 64, 0.72);
  --fx-text: #edf5ff;
  --fx-text-strong: #f8fafc;
  --fx-muted: #aebed3;
  --fx-subtle: #8296ad;

  /* Brand and interaction colors */
  --fx-accent: #7de3ac;
  --fx-accent-strong: #34d399;
  --fx-accent-soft: rgba(52, 211, 153, 0.12);
  --fx-cyan: #72e8f5;
  --fx-blue: #9bc7ef;
  --fx-link: #a7f3d0;
  --fx-focus: #8cf0c1;

  /* Semantic status colors */
  --fx-success: #7de3ac;
  --fx-warning: #f4c66a;
  --fx-danger: #fb7185;
  --fx-info: #72c9f3;

  /* Borders, shadows, and overlays */
  --fx-border: rgba(160, 204, 255, 0.18);
  --fx-border-strong: rgba(160, 204, 255, 0.32);
  --fx-border-accent: rgba(110, 231, 183, 0.3);
  --fx-shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.16);
  --fx-shadow-md: 0 14px 36px rgba(0, 0, 0, 0.24);
  --fx-shadow-glow: 0 0 24px rgba(16, 185, 129, 0.08);
  --fx-overlay: rgba(2, 8, 23, 0.76);

  /* Typography */
  --fx-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fx-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --fx-font-size-xs: 0.75rem;
  --fx-font-size-sm: 0.875rem;
  --fx-font-size-base: 1rem;
  --fx-font-size-lg: 1.125rem;
  --fx-line-height: 1.6;

  /* Spacing scale */
  --fx-space-1: 0.25rem;
  --fx-space-2: 0.5rem;
  --fx-space-3: 0.75rem;
  --fx-space-4: 1rem;
  --fx-space-5: 1.25rem;
  --fx-space-6: 1.5rem;
  --fx-space-8: 2rem;
  --fx-space-10: 2.5rem;
  --fx-space-12: 3rem;

  /* Corners and layout */
  --fx-radius-sm: 0.5rem;
  --fx-radius-md: 0.75rem;
  --fx-radius-lg: 1rem;
  --fx-radius-xl: 1.5rem;
  --fx-radius-pill: 999px;
  --fx-content-width: 1440px;
  --fx-page-gutter: clamp(1rem, 3vw, 2rem);

  /* Motion */
  --fx-duration-fast: 140ms;
  --fx-duration-normal: 200ms;
  --fx-ease: ease;
}