/* AmazonOps design tokens
   Phase 1 foundation: additive variables only, no selector styling. */
:root {
  /* Typography */
  --ao-font-sans: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --ao-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --ao-text-xs: 0.75rem;
  --ao-text-sm: 0.875rem;
  --ao-text-base: 1rem;
  --ao-text-lg: 1.125rem;
  --ao-text-xl: 1.25rem;
  --ao-line-tight: 1.2;
  --ao-line-base: 1.45;
  --ao-weight-medium: 500;
  --ao-weight-semibold: 600;
  --ao-weight-bold: 700;
  --ao-weight-extrabold: 800;

  /* Core brand palette */
  --ao-blue-50: #eff6ff;
  --ao-blue-100: #dbeafe;
  --ao-blue-200: #bfdbfe;
  --ao-blue-300: #93c5fd;
  --ao-blue-400: #60a5fa;
  --ao-blue-500: #3b82f6;
  --ao-blue-600: #2563eb;
  --ao-blue-700: #1d4ed8;
  --ao-blue-800: #1e40af;
  --ao-blue-900: #1e3a8a;
  --ao-slate-50: #f8fafc;
  --ao-slate-100: #f1f5f9;
  --ao-slate-200: #e2e8f0;
  --ao-slate-300: #cbd5e1;
  --ao-slate-400: #94a3b8;
  --ao-slate-500: #64748b;
  --ao-slate-600: #475569;
  --ao-slate-700: #334155;
  --ao-slate-800: #1e293b;
  --ao-slate-900: #0f172a;

  /* Existing dashboard dark shell */
  --ao-shell-bg: #1a1a2e;
  --ao-shell-bg-rgb: 26, 26, 46;
  --ao-shell-panel: #16213e;
  --ao-shell-panel-2: #111b31;
  --ao-shell-panel-3: #0a1628;
  --ao-shell-accent: #0f3460;
  --ao-shell-accent-2: #214f83;
  --ao-shell-text: #e0e0e0;
  --ao-shell-muted: #8fa3bf;
  --ao-shell-border: rgba(255, 255, 255, 0.1);
  --ao-shell-border-strong: rgba(255, 255, 255, 0.18);

  /* Light/table MAP surfaces */
  --ao-surface: #ffffff;
  --ao-surface-soft: #f8fafc;
  --ao-surface-blue: #eff6ff;
  --ao-surface-blue-strong: #dbeafe;
  --ao-surface-text: #0f172a;
  --ao-surface-muted: #475569;
  --ao-surface-subtle: #64748b;
  --ao-surface-border: #e2e8f0;
  --ao-surface-border-strong: #cbd5e1;
  --ao-table-header-bg: #f1f5f9;
  --ao-table-row-hover: #f8fafc;
  --ao-table-row-selected: #eff6ff;

  /* MAP Compliance light card/log pattern */
  --ao-map-page-bg: #f8fbff;
  --ao-map-card-bg: #ffffff;
  --ao-map-card-border: #dbe5f1;
  --ao-map-card-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
  --ao-map-accent: #2563eb;
  --ao-map-accent-strong: #1d4ed8;
  --ao-map-heading: #0f172a;
  --ao-map-muted: #64748b;
  --ao-map-divider: #e2e8f0;
  --ao-map-table-head-bg: #10203b;
  --ao-map-table-head-text: #f8fafc;
  --ao-map-table-row: #ffffff;
  --ao-map-table-row-alt: #f8fafc;
  --ao-map-table-row-hover: #eff6ff;
  --ao-map-table-border: #e2e8f0;
  --ao-map-seller-authorized: #42b883;
  --ao-map-seller-unauthorized: #b91c1c;

  /* Status colors */
  --ao-success: #00b894;
  --ao-success-strong: #059669;
  --ao-success-soft: rgba(0, 184, 148, 0.14);
  --ao-success-border: rgba(0, 184, 148, 0.35);
  --ao-success-text: #d8ffef;
  --ao-warning: #fdcb6e;
  --ao-warning-strong: #d97706;
  --ao-warning-soft: rgba(251, 191, 36, 0.14);
  --ao-warning-border: rgba(251, 191, 36, 0.38);
  --ao-warning-text: #fff4cf;
  --ao-danger: #e74c3c;
  --ao-danger-strong: #b91c1c;
  --ao-danger-soft: rgba(231, 76, 60, 0.15);
  --ao-danger-border: rgba(231, 76, 60, 0.38);
  --ao-danger-text: #ffd9d9;
  --ao-info: #2563eb;
  --ao-info-soft: rgba(37, 99, 235, 0.12);
  --ao-info-border: rgba(37, 99, 235, 0.26);
  --ao-neutral-soft: rgba(148, 163, 184, 0.14);
  --ao-neutral-border: rgba(148, 163, 184, 0.34);

  /* Spacing */
  --ao-space-1: 0.25rem;
  --ao-space-2: 0.5rem;
  --ao-space-3: 0.75rem;
  --ao-space-4: 1rem;
  --ao-space-5: 1.25rem;
  --ao-space-6: 1.5rem;
  --ao-space-8: 2rem;
  --ao-space-10: 2.5rem;
  --ao-space-12: 3rem;

  /* Radius */
  --ao-radius-sm: 6px;
  --ao-radius-md: 8px;
  --ao-radius-lg: 10px;
  --ao-radius-xl: 12px;
  --ao-radius-2xl: 16px;
  --ao-radius-pill: 999px;

  /* Shadows */
  --ao-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.08);
  --ao-shadow-sm: 0 8px 18px rgba(15, 23, 42, 0.08);
  --ao-shadow-soft: 0 12px 28px rgba(0, 0, 0, 0.22);
  --ao-shadow-panel: 0 18px 40px rgba(0, 0, 0, 0.28);
  --ao-shadow-blue: 0 16px 30px rgba(37, 99, 235, 0.08);

  /* Z-index */
  --ao-z-base: 0;
  --ao-z-sticky: 20;
  --ao-z-header: 40;
  --ao-z-dropdown: 60;
  --ao-z-modal: 100;
  --ao-z-toast: 120;
}