/*
 * TAZY framework-neutral AVDS token adapter, @avds/ui-kit@5.3.4.
 * Source SHA: e00e905059e65d0f99a02afb7e17fdbafaf3f688
 * Source path: packages/ui-kit/src/tokens/variables.css
 * Source SHA-256: 4cf40f75a41b9818dbc5b0b5f5c0e0f58991a7af8b57898f54e5cf51e3a891c0
 * Exported: 2026-10-23
 * The legacy filename remains a compatible public URL.
 * Product colors, Rubik/editorial hierarchy, geometry and composition are
 * owned by styles.css. This adapter does not install React components.
 */
:root {
  --tazy-avds-background: 220 18% 8%;
  --tazy-avds-foreground: 216 12% 92%;
  --tazy-avds-border: 220 12% 18%;
  --tazy-avds-card: 220 16% 10%;
  --tazy-avds-muted: 220 10% 22%;
  --tazy-avds-muted-foreground: 216 8% 55%;
  --tazy-avds-primary: 210 65% 55%;
  --tazy-avds-primary-foreground: 220 25% 10%;
  --tazy-avds-ring: 210 65% 55%;
  --tazy-avds-chart-success: 170 50% 50%;
  --tazy-avds-chart-attention: 38 70% 58%;
  --tazy-avds-font-sans: 'IBM Plex Sans', 'Inter', 'Onest', 'Helvetica Neue', Arial, sans-serif;
  --tazy-avds-font-serif: 'IBM Plex Serif', Georgia, 'Times New Roman', serif;
  --tazy-avds-font-mono: 'IBM Plex Mono', 'JetBrains Mono', 'Fira Code', Menlo, monospace;
  --tazy-avds-spacing: 0.25rem;
  --tazy-avds-radius: .4375rem;
  --tazy-avds-touch-target: 44px;
  --tazy-avds-shadow-sm: 0px 1px 3px hsl(0 0% 0% / 0.25), 0px 1px 2px hsl(0 0% 0% / 0.15);
  --tazy-avds-shadow-md: 0px 4px 8px hsl(0 0% 0% / 0.25), 0px 2px 4px hsl(0 0% 0% / 0.15);
}

[data-theme="light"] {
  --tazy-avds-background: 220 24% 98%;
  --tazy-avds-foreground: 222 38% 9%;
  --tazy-avds-border: 218 18% 82%;
  --tazy-avds-card: 0 0% 100%;
  --tazy-avds-muted: 216 12% 92%;
  --tazy-avds-muted-foreground: 218 16% 36%;
  --tazy-avds-primary: 224 78% 42%;
  --tazy-avds-primary-foreground: 0 0% 99%;
  --tazy-avds-ring: 224 78% 42%;
  --tazy-avds-chart-success: 170 55% 38%;
  --tazy-avds-chart-attention: 38 75% 50%;
  --tazy-avds-shadow-sm: 0px 1px 3px hsl(220 25% 10% / 0.06), 0px 1px 2px hsl(220 25% 10% / 0.04);
  --tazy-avds-shadow-md: 0px 4px 8px hsl(220 25% 10% / 0.06), 0px 2px 4px hsl(220 25% 10% / 0.04);
}
