/* Generated by tokens-to-css.js - Updated with prefixed variables */
:root {
  /* Color variables with prefixes */
  --brand-primary: #CC0000;
  --brand-accent: #FF0024;
  --text-primary: #0B0C0C;
  --text-secondary: #4D5358;
  --text-inverse: #FFFFFF;
  --background-page: #FFFFFF;
  --layer-card: #FFFFFF;
  --border-subtle: #DFE3E6;
  --support-success: #198038;
  --support-warning: #F1C21B;
  --support-error: #DA1E28;
  --beacon-violet: #D5D6FF;
  --beacon-violetdark: #5C48D9;
  --expert-purple: #4F0731;
  --focus-default: #0F62FE;
  
  /* Color variables with 'color-' prefix */
  --color-brand-primary: #CC0000;
  --color-brand-accent: #FF0024;
  --color-text-primary: #0B0C0C;
  --color-text-secondary: #4D5358;
  --color-text-inverse: #FFFFFF;
  --color-background-page: #FFFFFF;
  --color-layer-card: #FFFFFF;
  --color-border-subtle: #DFE3E6;
  --color-support-success: #198038;
  --color-support-warning: #F1C21B;
  --color-support-error: #DA1E28;
  --color-beacon-violet: #D5D6FF;
  --color-beacon-violet-dark: #5C48D9;
  --color-expert-purple: #4F0731;
  --color-focus-default: #0F62FE;
  
  /* Typography variables */
  --family-base: Graphik, 'IBM Plex Sans', Inter, 'Helvetica Neue', Arial, sans-serif;
  --size-label: 0.875rem;
  --size-body: 1rem;
  --size-h3: 1.25rem;
  --weight-regular: 400;
  --weight-semibold: 600;
  --lineheight-base: 1.5;
  
  /* Typography with 'typography-' prefix */
  --typography-family-base: Graphik, 'IBM Plex Sans', Inter, 'Helvetica Neue', Arial, sans-serif;
  --typography-size-label: 0.875rem;
  --typography-size-body: 1.125rem;
  --typography-size-subtitle: 1.5rem;
  --typography-size-h3: 1.25rem;
  --typography-size-hero: 4rem;
  --typography-weight-regular: 400;
  --typography-weight-semibold: 600;
  --typography-lineheight-base: 1.5;
  
  /* Spacing variables (base) */
  --2xs: 4px;
  --xs: 8px;
  --sm: 4px;
  --md: 16px;
  --lg: 24px;
  --xl: 32px;
  
  /* Spacing with 'spacing-' prefix */
  --spacing-2xs: 4px;
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  
  /* Shadow variables */
  --card-shadow: 0 1px 2px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 2px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.06);
  
  /* Animation variables */
  --duration-fast: 120ms;
  --easing-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
  --animation-duration-fast: 120ms;
  --animation-easing-standard: cubic-bezier(0.2, 0, 0.38, 0.9);
  
  /* Grid variables */
  --maxwidth-page: 1280px;
  --gutter: 24px;
  --grid-maxwidth-page: 1280px;
  --grid-gutter: 24px;
  
  /* Breakpoints */
  --breakpoints-sm: 600;
  --breakpoints-md: 900;
  --breakpoints-lg: 1200;
  
  /* Density variables */
  --control-height: 40px;
  --table-rowheight: 40px;
  --density-control-height: 40px;
  --density-table-rowheight: 40px;
}