/*
 * AVDS 4.7.0 tracked-token bridge (server-rendered consumer layer).
 * Source: packages/ui-kit/src/tokens/variables.css at bfade7e1f0b279432e4dd95a238b94ff943bd880.
 * source SHA-256: b3135d07c6935c570910782ef4d513cda34d3405c36e69f6a292e0b0c8595772
 * This file maps tokens only. The consumer primitives live in
 * avds-components.css and are governed by reference/avds/primitive-contract.v1.json.
 */
:root {
  --av-color-blue-500: hsl(210 70% 42%);
  --av-color-blue-600: hsl(210 70% 36%);
  --av-color-blue-700: hsl(210 70% 30%);
  --av-color-slate-50: hsl(216 20% 97%);
  --av-color-slate-100: hsl(216 18% 96%);
  --av-color-slate-200: hsl(216 14% 91%);
  --av-color-slate-300: hsl(216 12% 88%);
  --av-color-slate-400: hsl(216 12% 78%);
  --av-color-slate-500: hsl(216 10% 45%);
  --av-color-slate-700: hsl(220 18% 22%);
  --av-color-slate-800: hsl(220 22% 16%);
  --av-color-slate-900: hsl(220 25% 10%);
  --av-color-slate-950: hsl(220 28% 6%);
  --av-color-amber-100: hsl(38 82% 91%);
  --av-color-amber-800: hsl(38 75% 34%);
  --av-color-green-100: hsl(170 52% 90%);
  --av-color-green-700: hsl(170 55% 32%);
  --av-color-red-100: hsl(0 75% 93%);
  --av-color-red-600: hsl(0 72% 48%);
  --av-color-white: hsl(0 0% 99%);
  --av-color-success: var(--av-color-green-700);
  --av-color-warning: var(--av-color-amber-800);
  --av-color-danger: var(--av-color-red-600);
  --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: .25rem;
  --av-radius-md: .4375rem;
  --av-radius-lg: .75rem;
  --av-radius-xl: 1rem;
  --av-radius-full: 999px;
  --av-shadow-sm: 0 1px 3px hsl(220 25% 10% / 6%), 0 1px 2px hsl(220 25% 10% / 4%);
  --av-shadow-lg: 0 8px 16px hsl(220 25% 10% / 8%), 0 4px 8px hsl(220 25% 10% / 4%);
  --av-z-base: 0;
  --av-z-sticky: 100;
  --av-z-overlay: 500;
  --av-z-skip-link: 2000;
  --av-layout-reading-measure: 72ch;
  --av-layout-shell-max: 1180px;
  --avds-mobile-page-gutter: .75rem;
  --avds-mobile-section-gap: 1.25rem;
  --avds-mobile-row-padding: .75rem;
  --avds-mobile-matrix-gap: 1px;
  --avds-mobile-touch-target: 2.75rem;
}

[data-av-theme="institutional"] {
  --av-color-background: hsl(216 20% 97%);
  --av-color-foreground: hsl(220 25% 10%);
  --av-color-surface: hsl(216 18% 98%);
  --av-color-muted: hsl(216 12% 92%);
  --av-color-muted-foreground: hsl(216 10% 45%);
  --av-color-border: hsl(216 12% 88%);
  --av-color-primary: hsl(210 70% 42%);
  --av-color-primary-foreground: hsl(0 0% 99%);
}

/* Product-owned AV DS theme roles.  These are visual contexts only: they do
 * not enable a source, map, network call or publication capability. */
[data-av-theme="editorial"] {
  color-scheme: light;
  --av-color-background: hsl(38 38% 96%);
  --av-color-foreground: hsl(220 28% 13%);
  --av-color-surface: hsl(38 45% 99%);
  --av-color-muted: hsl(38 24% 91%);
  --av-color-muted-foreground: hsl(220 16% 38%);
  --av-color-border: hsl(38 18% 78%);
  --av-color-primary: hsl(8 63% 38%);
  --av-color-primary-foreground: hsl(38 45% 99%);
}

[data-av-theme="data-analytics"] {
  color-scheme: light;
  --av-color-background: hsl(204 36% 96%);
  --av-color-foreground: hsl(215 32% 15%);
  --av-color-surface: hsl(204 46% 99%);
  --av-color-muted: hsl(204 28% 90%);
  --av-color-muted-foreground: hsl(215 20% 38%);
  --av-color-border: hsl(204 22% 78%);
  --av-color-primary: hsl(196 72% 36%);
  --av-color-primary-foreground: hsl(204 46% 99%);
}

[data-av-theme="map"] {
  color-scheme: light;
  --av-color-background: hsl(150 25% 95%);
  --av-color-foreground: hsl(164 32% 16%);
  --av-color-surface: hsl(150 36% 99%);
  --av-color-muted: hsl(150 22% 88%);
  --av-color-muted-foreground: hsl(164 18% 37%);
  --av-color-border: hsl(150 20% 73%);
  --av-color-primary: hsl(166 68% 30%);
  --av-color-primary-foreground: hsl(150 36% 99%);
}

[data-av-theme="dark"] {
  color-scheme: dark;
  --av-color-background: hsl(220 25% 10%);
  --av-color-foreground: hsl(216 20% 97%);
  --av-color-surface: hsl(220 22% 16%);
  --av-color-muted: hsl(220 18% 22%);
  --av-color-muted-foreground: hsl(216 12% 78%);
  --av-color-border: hsl(216 12% 35%);
  --av-color-primary: hsl(210 85% 66%);
  --av-color-primary-foreground: hsl(220 25% 10%);
}

@media (prefers-color-scheme: dark) {
  [data-av-theme="institutional"] {
    color-scheme: dark;
    --av-color-background: hsl(220 25% 10%);
    --av-color-foreground: hsl(216 20% 97%);
    --av-color-surface: hsl(220 22% 16%);
    --av-color-muted: hsl(220 18% 22%);
    --av-color-muted-foreground: hsl(216 12% 78%);
    --av-color-border: hsl(216 12% 35%);
    --av-color-primary: hsl(210 85% 66%);
    --av-color-primary-foreground: hsl(220 25% 10%);
  }
}
