/*
 * Savage Bull shared design tokens (design handoff "Neutrals and status", radius, shadows, focus).
 * Static and brand-independent; per-brand colours are the --brand-* variables emitted by
 * Modules\BrandTheme\Services\Theme::cssVariables(). Values mirror Theme::NEUTRALS: keep them in sync.
 * Include with asset('modules/brandtheme/css/tokens.css').
 */
:root {
  /* text */
  --sb-ink: #16181d;
  --sb-text2: #3f4652;
  --sb-text2-strong: #2b313b;
  --sb-muted: #6b7280;
  --sb-hint: #8a909b; /* placeholders/eyebrows only: fails AA for body text */

  /* borders and surfaces */
  --sb-border-input: #d4d8de;
  --sb-border-card: #e6e9ee;
  --sb-divider: #eceef1;
  --sb-divider-soft: #f0f1f3;
  --sb-surface: #ffffff;
  --sb-surface-alt: #f7f8f9;
  --sb-app-bg: #f6f7f9;

  /* error */
  --sb-error-text: #b42318;
  --sb-error-border: #d92d20;
  --sb-error-bg: #fef3f2;
  --sb-error-border-soft: #fecdca;

  /* status chips: bg / ink / dot */
  --sb-active-bg: #e7f0fb;
  --sb-active-ink: #1d5fa8;
  --sb-active-dot: #2a76c6;
  --sb-pending-bg: #fff4e0;
  --sb-pending-ink: #9a5b00;
  --sb-pending-dot: #e0a106;
  --sb-closed-bg: #f1f3f6;
  --sb-closed-ink: #4a5562;
  --sb-closed-dot: #a3acb7;
  --sb-success-bg: #e8f6ef;
  --sb-success-ink: #17794f;
  --sb-success-dot: #2fb47c;
  --sb-notice-bg: #fff8e6;
  --sb-notice-border: #f3dfa6;
  --sb-notice-ink: #5c3d00;
  --sb-notice-dot: #e8b02a;

  /* agent UI (Savage Bull neutral theme) */
  --sb-navbar-bg: #16191d;
  --sb-navbar-ink: #e8eaed;
  --sb-agent-primary: #1d5fa8;

  /* type */
  --sb-font-public: 'Instrument Sans', system-ui, sans-serif;
  --sb-font-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --sb-font-mono: ui-monospace, Menlo, monospace;

  /* spacing (4px base) */
  --sb-space-1: 4px;
  --sb-space-2: 8px;
  --sb-space-3: 12px;
  --sb-space-4: 16px;
  --sb-space-5: 24px;
  --sb-space-6: 32px;
  --sb-space-7: 48px;

  /* radius */
  --sb-radius-chip: 6px;
  --sb-radius-input: 9px;
  --sb-radius-button: 10px;
  --sb-radius-card: 12px;
  --sb-radius-panel: 16px;
  --sb-radius-pill: 999px;

  /* elevation */
  --sb-shadow-card: 0 1px 2px rgba(0, 0, 0, .05);
  --sb-shadow-badge: 0 8px 24px rgba(0, 0, 0, .20);
  --sb-shadow-panel: 0 18px 50px rgba(0, 0, 0, .22);

  /* focus: ring on :focus-visible; inputs get border primary + 3px tint halo */
  --sb-focus-ring: 0 0 0 2px #fff, 0 0 0 4px var(--brand-focus, #1d5fa8);
  --sb-input-focus: 0 0 0 3px var(--brand-tint, #e7f0fb);

  /* layout */
  --sb-content-max: 1120px;
}