/**
 * RAIOps — Design Token Bridge
 *
 * The base palette + typography now come from the genesis-ui bundle's
 * tokens (--az-* foundation + --azp-* product extensions, loaded via
 * genesis-ui-tokens.css). This file re-points the legacy --gn-* names
 * RAIOps pages reference in `styles.css` and per-page styles onto the
 * Autonomize brand source-of-truth, so existing CSS picks up the deep
 * purple, lavender, and gold without per-page edits.
 *
 * Only RAIOps-specific extensions (chart scales, healthcare code
 * accents, density tweaks) are still defined locally.
 */

:root {
  /* Brand — pulled from genesis-ui --az-* */
  --gn-primary:       var(--az-primary);
  --gn-primary-hover: var(--az-primary-dark);
  --gn-primary-light: var(--az-outline-variant);
  --gn-primary-text:  var(--az-on-primary);

  /* Semantic */
  --gn-success:       var(--az-success);
  --gn-success-light: #d1fae5;
  --gn-success-text:  #065f46;
  --gn-warning:       #d97706;
  --gn-warning-light: #fef3c7;
  --gn-warning-text:  #92400e;
  --gn-danger:        var(--az-error);
  --gn-danger-hover:  #b91c1c;
  --gn-danger-light:  #fee2e2;
  --gn-danger-text:   #991b1b;
  --gn-info:          #2563eb;
  --gn-info-light:    #dbeafe;
  --gn-info-text:     #1e40af;
  --gn-neutral:       #6b7280;
  --gn-neutral-light: #f3f4f6;
  --gn-neutral-text:  #374151;

  /* Density / brand-deep — mapped onto Autonomize dark band */
  --gn-text-micro: 0.625rem;
  --gn-shadow-card: 0 2px 12px -4px rgba(6,24,44,0.05);
  --gn-shadow-inset: 0 1px 8px -3px rgba(6,24,44,0.06);
  --gn-brand-dark: var(--az-primary-dark);
  --gn-brand-deep: var(--az-background-dark);

  /* Surface */
  --gn-surface:        var(--az-surface);
  --gn-surface-alt:    #f9fafb;
  --gn-surface-raised: var(--az-surface);

  /* Border / radius */
  --gn-border:        var(--az-outline-variant);
  --gn-border-strong: #d1d5db;
  --gn-radius:        var(--az-radius-sm, 0.25rem);
  --gn-radius-lg:     var(--az-radius-lg, 0.5rem);
  --gn-radius-xl:     1rem;
  --gn-radius-full:   var(--az-radius-pill, 9999px);

  /* Typography — Autonomize uses Inter (no PPNeue licence in this repo) */
  --gn-font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --gn-font-mono:  'JetBrains Mono', 'Fira Code', monospace;
  --gn-text-xs:    0.75rem;
  --gn-text-sm:    0.875rem;
  --gn-text-base:  1rem;
  --gn-text-lg:    1.125rem;
  --gn-text-label: 0.6875rem;
  --gn-text-primary:   var(--az-on-surface);
  --gn-text-secondary: var(--az-on-surface-variant);
  --gn-text-muted:     #9ca3af;
  --gn-line-height-tight:   1;
  --gn-line-height-normal:  1.5;
  --gn-line-height-relaxed: 1.65;

  /* Spacing */
  --gn-space-1: 0.25rem;
  --gn-space-2: 0.5rem;
  --gn-space-3: 0.75rem;
  --gn-space-4: 1rem;
  --gn-space-5: 1.25rem;
  --gn-space-6: 1.5rem;
  --gn-space-7: 1.75rem;
  --gn-space-8: 2rem;

  /* Shadow */
  --gn-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --gn-shadow:    0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --gn-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

  /* Animation */
  --gn-duration-fast:   var(--az-duration-fast, 100ms);
  --gn-duration-normal: 200ms;
  --gn-duration-slow:   300ms;
  --gn-ease:            var(--az-ease, cubic-bezier(0.4, 0, 0.2, 1));

  /* Healthcare codes — mirror genesis-ui code badge tiers */
  --gn-code-icd10:   var(--azp-code-dx, #4d129d);
  --gn-code-cpt:     var(--azp-code-px, #731ee3);
  --gn-code-hcpcs:   var(--azp-code-px, #731ee3);
  --gn-code-ndc:     var(--azp-code-px, #731ee3);
  --gn-code-npi:     var(--azp-code-id, #4f5763);

  /* Analytics scale — RAIOps-specific violet ramp for Chart.js */
  --gn-chart-scale-0: #f3f0ff;
  --gn-chart-scale-1: #e0d5fb;
  --gn-chart-scale-2: #b599f0;
  --gn-chart-scale-3: #8155e0;
  --gn-chart-scale-4: var(--az-primary, #4d129d);
  --gn-chart-scale-5: var(--az-primary-dark, #29065a);
  --gn-chart-grid:    #e5e7eb;
  --gn-chart-axis:    #9ca3af;
}