/*
 * AV DS 4 consumer token bridge for Qaz Support.
 *
 * Shared vocabulary from the checked AV DS 4 freeze. This is a token bridge,
 * not a local component library. Qaz Support keeps its own content, routes
 * and safety boundaries while consuming the shared spacing, type, motion,
 * radius and surface contracts.
 */
:root {
  color-scheme: light;

  --av-color-slate-50: #f8fafc;
  --av-color-slate-100: #f1f5f9;
  --av-color-slate-200: #e2e8f0;
  --av-color-slate-300: #cbd5e1;
  --av-color-slate-400: #94a3b8;
  --av-color-slate-500: #64748b;
  --av-color-slate-700: #334155;
  --av-color-slate-800: #1e293b;
  --av-color-slate-900: #0f172a;
  --av-color-slate-950: #020617;
  --av-color-red-100: #fee2e2;
  --av-color-red-600: #dc2626;
  --av-color-white: #ffffff;

  --av-spacing-1: 4px;
  --av-spacing-2: 8px;
  --av-spacing-3: 12px;
  --av-spacing-4: 16px;
  --av-spacing-5: 20px;
  --av-spacing-6: 24px;
  --av-spacing-8: 32px;
  --av-spacing-10: 40px;
  --av-spacing-12: 48px;

  --av-radius-sm: 4px;
  --av-radius-md: 8px;
  --av-radius-lg: 12px;
  --av-radius-xl: 16px;
  --av-radius-full: 999px;

  --av-duration-fast: 120ms;
  --av-duration-base: 180ms;
  --av-easing-standard: cubic-bezier(.2, 0, 0, 1);
  --av-shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .12);
  --av-shadow-lg: 0 16px 32px -12px rgb(15 23 42 / .18);

  --av-text-body-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --av-text-body-font-size: 16px;
  --av-text-body-font-weight: 400;
  --av-text-body-line-height: 24px;
  --av-text-heading-font-family: "IBM Plex Serif", Georgia, serif;

  --avds-shell-gutter: clamp(16px, 4vw, 32px);
  --avds-shell-max: 80rem;
  --avds-header-max: 90rem;
  --avds-reading-max: 76ch;
  --avds-layout-gap: clamp(16px, 2vw, 24px);
}

html[data-av-theme="qaz-support"] {
  --av-color-background: #f7f8f5;
  --av-color-foreground: #172126;
  --av-color-surface: #ffffff;
  --av-color-muted: #eef3f1;
  --av-color-muted-foreground: #647178;
  --av-color-border: #dbe2de;
  --av-color-primary: #146c68;
  --av-color-primary-foreground: #ffffff;
  --av-color-danger: #8d3036;
  --av-color-brand-soft: #dff0eb;
  --av-color-accent-soft: #fff7df;
  --av-color-calm-surface: #e7f1f0;
  --av-color-on-dark-strong: #fbfaf6;
  --av-color-on-dark-muted: rgb(251 250 246 / .68);
  --av-color-on-dark-subtle: rgb(251 250 246 / .53);
  --av-color-on-dark-border: rgb(142 200 165 / .38);
  --av-color-on-dark-border-strong: rgb(142 200 165 / .55);
  --av-color-on-dark-surface: rgb(142 200 165 / .1);
  --av-color-status-draft: #a55e4d;
  --qaz-focus-ring: #146c68;
}