:root {
  /* Bridge plugin styles to theme tokens with safe fallbacks */
  --vl-color-brand-red: var(--color-brand-red, #EA212D);
  --vl-color-brand-red-dark: var(--color-brand-red-dark, #CC0000);
  --vl-color-brand-error: var(--color-brand-error, #D0021B);

  --vl-color-text-primary: var(--color-text-primary, #2D3137);
  --vl-color-text-secondary: var(--color-text-secondary, #424B5A);
  --vl-color-text-muted: var(--color-text-muted, #58595B);
  --vl-color-text-link: var(--color-text-link, #1E5E81);
  --vl-color-text-dark: var(--color-text-dark, #000000);
  --vl-color-text-light: var(--color-text-light, #8C8279);

  --vl-color-surface-white: var(--color-surface-white, #FFFFFF);
  --vl-color-surface-light: var(--color-surface-light, #F2F5F7);
  --vl-color-surface-beige: var(--color-surface-beige, #E4E0D4);
  --vl-color-surface-cream: var(--color-surface-cream, #CBC5B5);

  --vl-color-border-light: var(--color-border-light, #D8D8D8);
  --vl-color-border-medium: var(--color-border-medium, #BEBEBE);
  --vl-color-border-heavy: var(--color-border-heavy, #979797);

  --vl-color-focus-ring: var(--color-focus-ring, #72AEED);
  --vl-color-overlay-06: rgba(0, 0, 0, 0.06);
  --vl-color-overlay-20: rgba(0, 0, 0, 0.2);
  --vl-color-overlay-12: rgba(68, 68, 68, 0.12);
  --vl-color-overlay-19: rgba(0, 0, 0, 0.19);
  --vl-color-overlay-21: rgba(0, 0, 0, 0.21);
  --vl-color-overlay-87: rgba(48, 48, 48, 0.87);
  --vl-color-overlay-50-light: rgba(244, 244, 244, 0.5);
  --vl-color-overlay-50-border: rgba(151, 151, 151, 0.5);
  --vl-color-overlay-clear: rgba(0, 0, 0, 0);

  /* Sizing scale (rem-based) */
  --vl-size-0: 0;
  --vl-size-1: 0.0625rem;
  --vl-size-2: 0.125rem;
  --vl-size-3: 0.25rem;
  --vl-size-4: 0.3125rem;
  --vl-size-5: 0.5rem;
  --vl-size-6: 0.625rem;
  --vl-size-7: 0.75rem;
  --vl-size-8: 0.875rem;
  --vl-size-9: 1rem;
  --vl-size-10: 1.125rem;
  --vl-size-11: 1.25rem;
  --vl-size-12: 1.375rem;
  --vl-size-13: 1.5rem;
  --vl-size-14: 1.5625rem;
  --vl-size-15: 1.75rem;
  --vl-size-16: 1.875rem;
  --vl-size-17: 2rem;
  --vl-size-18: 2.25rem;
  --vl-size-19: 2.5rem;
  --vl-size-20: 3rem;

  /* Typography */
  --vl-font-size-xs: 0.75rem;
  --vl-font-size-sm: 0.875rem;
  --vl-font-size-base: 1rem;
  --vl-font-size-md: 1.125rem;
  --vl-font-size-lg: 1.25rem;
  --vl-font-size-xl: 1.5rem;
  --vl-font-size-2xl: 1.75rem;
  --vl-font-size-3xl: 2rem;
  --vl-font-size-4xl: 2.25rem;

  /* Radius */
  --vl-radius-sm: var(--vl-size-3);
  --vl-radius-md: var(--vl-size-5);
  --vl-radius-lg: var(--vl-size-6);
  --vl-radius-xl: var(--vl-size-7);
  --vl-radius-2xl: var(--vl-size-8);
  --vl-radius-pill-sm: var(--vl-size-12);
  --vl-radius-pill-lg: 6.25rem;

  /* Borders */
  --vl-border-default: var(--vl-size-1) solid var(--vl-color-border-light);
  --vl-border-medium: var(--vl-size-1) solid var(--vl-color-border-medium);
  --vl-border-card: var(--vl-size-2) solid var(--vl-color-border-light);
  --vl-border-strong: var(--vl-size-2) solid var(--vl-color-border-medium);
  --vl-border-accent-strong: var(--vl-size-4) solid var(--vl-color-brand-red-dark);
  --vl-border-accent: var(--vl-size-1) solid var(--vl-color-brand-red-dark);
  --vl-border-text-primary: var(--vl-size-1) solid var(--vl-color-text-primary);
  --vl-border-text-secondary: var(--vl-size-1) solid var(--vl-color-text-secondary);
  --vl-border-divider-cream: var(--vl-size-1) solid var(--vl-color-surface-cream);

  /* Shadows */
  --vl-shadow-card: 0 0 var(--vl-size-16) 0 var(--vl-color-overlay-06);
  --vl-shadow-hover: 0 0 var(--vl-size-6) 0 var(--vl-color-overlay-21);
  --vl-shadow-popover: 0 var(--vl-size-1) var(--vl-size-4) var(--vl-size-1) var(--vl-color-overlay-20);
}