/* ===== FXA design tokens =====
 * GitHub-dark inspired palette shared by all FXA web surfaces (algo1, stats,
 * home, login). Override only where strictly necessary.
 */
:root {
  /* Surfaces (darkest → lightest) */
  --fxa-bg: #0e1116;
  --fxa-surface: #161b22;
  --fxa-surface-2: #0d1117;
  --fxa-surface-hover: #1c2128;
  --fxa-surface-active: #21262d;
  --fxa-surface-row: #1f3a68;

  /* Borders */
  --fxa-border: #30363d;
  --fxa-border-subtle: #21262d;

  /* Text */
  --fxa-text: #d0d7de;
  --fxa-text-muted: #8b949e;
  --fxa-text-strong: #ffffff;

  /* Accents */
  --fxa-accent: #1f6feb;
  --fxa-accent-hover: #388bfd;
  --fxa-success: #3fb950;
  --fxa-success-bg: #1a3a1a;
  --fxa-success-strong: #238636;
  --fxa-success-strong-hover: #2ea043;
  --fxa-danger: #f85149;
  --fxa-danger-bg: #3a1a1a;
  --fxa-danger-strong: #b62324;
  --fxa-warning: #d29922;

  /* Typography */
  --fxa-font:
    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  --fxa-font-mono:
    ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Sizing */
  --fxa-text-xs: 11px;
  --fxa-text-sm: 12px;
  --fxa-text-base: 13px;
  --fxa-text-md: 14px;
  --fxa-text-lg: 15px;
  --fxa-text-xl: 18px;
  --fxa-radius-sm: 4px;
  --fxa-radius: 6px;
  --fxa-radius-lg: 8px;
  --fxa-radius-pill: 10px;
  --fxa-header-height: 48px;
  --fxa-rail-width: 200px;
  --fxa-config-width: 320px;

  /* Spacing scale */
  --fxa-gap-xs: 4px;
  --fxa-gap-sm: 8px;
  --fxa-gap: 12px;
  --fxa-gap-md: 16px;
  --fxa-gap-lg: 20px;
}