/* Scoped bridge from the foundation token contract to the vendored feedback widget.
   Keep this file app-local and scoped. Do not map these names on :root. */
#fb-launchers,
.fb-root,
.fb-toast,
.fb-capture-card {
  --text: var(--foreground);
  --text2: var(--muted-foreground);
  --text3: color-mix(in srgb, var(--muted-foreground) 72%, transparent);

  --bg2: var(--surface);
  --bg3: var(--surface-elevated);

  --hrs-blue: var(--brand);
  --hrs-blue-light: var(--brand-light);
  --hrs-blue-dark: var(--brand-dark);
  /* Theme-aware brand ink: readable brand-colored text on the theme's own
     surfaces (dark ink in light mode, light ink in dark mode). The brand
     ramp above is theme-invariant and cannot serve as text color. */
  --fb-brand-ink: var(--accent-foreground);
  --blue: var(--brand);
  --blue-bg: color-mix(in srgb, var(--brand) 14%, transparent);
  --cyan: var(--brand-secondary-light);
  --green: var(--success);
  --green-bg: var(--success-muted);
  --red: var(--error);
  --red-bg: var(--error-muted);
  --yellow: var(--warning);
  --yellow-bg: var(--warning-muted);

  --border: var(--glass-border);
  --border-hover: var(--glass-border-hover);
  --glow-blue: var(--glow-primary);
  --shadow-md: var(--glass-shadow);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.32);
  --shadow-glow: 0 0 0 1px color-mix(in srgb, var(--brand) 30%, transparent),
    0 8px 28px color-mix(in srgb, var(--brand) 22%, transparent);

  --radius-sm: calc(var(--radius) - 4px);
  --radius-md: calc(var(--radius) - 2px);
  --radius-lg: var(--radius);

  --dur-fast: 120ms;
  --dur-med: 240ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}