/* Blackbird Web HQ -- design tokens (Campaign 020.0, Section 10).
   Near-black graphite layered surfaces, restrained semantic accents,
   system-ui for UI chrome, monospace for data values. Per-product accent
   tokens exist so Vector can re-theme later without touching this file's
   structure -- only the accent-vector value differs from accent-blackbird. */

:root {
  /* --- surfaces (graphite ramp, no pure black) --- */
  --bb-bg: #0b0d11;
  --bb-bg-elevated: #0e1116;
  --bb-surface: #12151c;
  --bb-surface-raised: #171b24;
  --bb-surface-hover: #1c202b;
  --bb-border: #232838;
  --bb-border-subtle: #1a1e28;
  --bb-border-strong: #2e3448;

  /* --- text --- */
  --bb-text-primary: #e7e9ee;
  --bb-text-secondary: #a3aabb;
  --bb-text-tertiary: #6b7284;
  --bb-text-inverse: #0b0d11;

  /* --- brand / per-product accents --- */
  --bb-accent-blackbird: #5b9bf0;
  --bb-accent-blackbird-bg: rgba(91, 155, 240, 0.12);
  --bb-accent-vector: #b18cf0;
  --bb-accent-vector-bg: rgba(177, 140, 240, 0.12);

  /* Active product's own accent -- pages set this per product; defaults
     to Blackbird's accent so any page that forgets to opt in still gets
     a sane accent rather than an unstyled one. */
  --bb-accent: var(--bb-accent-blackbird);
  --bb-accent-bg: var(--bb-accent-blackbird-bg);

  /* --- semantic accents (muted, desaturated -- badges/deltas/stamps only) --- */
  --bb-positive: #57ab7d;
  --bb-positive-bg: rgba(87, 171, 125, 0.13);
  --bb-positive-border: rgba(87, 171, 125, 0.35);

  --bb-caution: #cf9e4e;
  --bb-caution-bg: rgba(207, 158, 78, 0.13);
  --bb-caution-border: rgba(207, 158, 78, 0.35);

  --bb-negative: #cc6b62;
  --bb-negative-bg: rgba(204, 107, 98, 0.13);
  --bb-negative-border: rgba(204, 107, 98, 0.35);

  --bb-info: #5f9fd6;
  --bb-info-bg: rgba(95, 159, 214, 0.13);
  --bb-info-border: rgba(95, 159, 214, 0.35);

  --bb-neutral: #8991a3;
  --bb-neutral-bg: rgba(137, 145, 163, 0.12);
  --bb-neutral-border: rgba(137, 145, 163, 0.3);

  /* --- typography --- */
  --bb-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bb-font-mono: ui-monospace, "Cascadia Code", "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;

  --bb-fs-micro: 0.6875rem;
  --bb-fs-sm: 0.8125rem;
  --bb-fs-base: 0.9375rem;
  --bb-fs-md: 1.0625rem;
  --bb-fs-lg: 1.3125rem;
  --bb-fs-xl: 1.75rem;
  --bb-fs-2xl: 2.25rem;

  /* --- spacing scale --- */
  --bb-space-1: 4px;
  --bb-space-2: 8px;
  --bb-space-3: 12px;
  --bb-space-4: 16px;
  --bb-space-5: 24px;
  --bb-space-6: 32px;
  --bb-space-7: 48px;

  /* --- radius / shadow / motion --- */
  --bb-radius-sm: 4px;
  --bb-radius-md: 8px;
  --bb-radius-lg: 12px;
  --bb-radius-pill: 999px;

  --bb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --bb-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45);
  --bb-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);

  --bb-transition-fast: 120ms ease;
  --bb-transition-base: 200ms ease;

  --bb-topbar-height: 56px;
  --bb-nav-width: 224px;
  --bb-drawer-width: 320px;
}

/* Vector product surfaces (used only on pages rendered under the Vector
   accent, e.g. /vector) swap the active accent tokens -- never define a
   second copy of the base ramp above. */
[data-bb-product="vector"] {
  --bb-accent: var(--bb-accent-vector);
  --bb-accent-bg: var(--bb-accent-vector-bg);
}