:root {
  /* Premium SaaS Light Mode Design System Tokens */
  --surface-canvas: #F4F6F8;
  --surface-card: #FFFFFF;
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --brand-primary: #0EA5E9;
  --brand-success: #10B981;

  --primary-100: rgba(224, 242, 254, 1); /* Light cyber-cyan */
  --primary-200: rgba(186, 230, 253, 1);
  --primary-300: rgba(125, 211, 252, 1);
  --primary-400: rgba(56, 189, 248, 1);
  --primary-500: var(--brand-primary);
  --primary-600: rgba(2, 132, 199, 1);
  --primary-700: rgba(3, 105, 161, 1);
  --primary-800: rgba(7, 89, 133, 1);
  --primary-900: rgba(12, 74, 110, 1);
  --neutral-100: #f8fafc;
  --neutral-200: #f1f5f9;
  --neutral-300: #e2e8f0;
  --neutral-400: #cbd5e1;
  --neutral-500: #94a3b8;
  --neutral-600: #64748b;
  --neutral-700: #475569;
  --neutral-800: #334155;
  --neutral-900: #1e293b;
  --semanticsuccess: var(--brand-success);
  --semanticwarning: rgba(245, 158, 11, 1);
  --semanticerror: rgba(239, 68, 68, 1);
  --semanticinfo: var(--brand-primary);
  --semanticbackground: var(--surface-canvas);
  --semanticsurface: var(--surface-card);
  --semantictext-primary: var(--text-primary);
  --semantictext-secondary: var(--text-secondary);
  --semantictext-disabled: var(--neutral-400);
  --semantictext-on-primary: rgba(255, 255, 255, 1);
  --display-font-family: "Inter", Helvetica;
  --display-font-weight: 900;
  --display-font-size: 56px;
  --display-letter-spacing: 0px;
  --display-line-height: 110.00000238418579%;
  --display-font-style: normal;
  --caption-font-family: "Inter", Helvetica;
  --caption-font-weight: 400;
  --caption-font-size: 12px;
  --caption-letter-spacing: 0px;
  --caption-line-height: 150%;
  --caption-font-style: normal;
  --overline-font-family: "Inter", Helvetica;
  --overline-font-weight: 700;
  --overline-font-size: 11px;
  --overline-letter-spacing: 0.88px;
  --overline-line-height: 139.9999976158142%;
  --overline-font-style: normal;
  --button-font-family: "Inter", Helvetica;
  --button-font-weight: 600;
  --button-font-size: 16px;
  --button-letter-spacing: 0px;
  --button-line-height: 100%;
  --button-font-style: normal;
  --price-font-family: "Inter", Helvetica;
  --price-font-weight: 700;
  --price-font-size: 20px;
  --price-letter-spacing: 0px;
  --price-line-height: 120.00000476837158%;
  --price-font-style: normal;
  --heading-h1-font-family: "Inter", Helvetica;
  --heading-h1-font-weight: 700;
  --heading-h1-font-size: 48px;
  --heading-h1-letter-spacing: 0px;
  --heading-h1-line-height: 114.99999761581421%;
  --heading-h1-font-style: normal;
  --heading-h2-font-family: "Inter", Helvetica;
  --heading-h2-font-weight: 700;
  --heading-h2-font-size: 36px;
  --heading-h2-letter-spacing: 0px;
  --heading-h2-line-height: 120.00000476837158%;
  --heading-h2-font-style: normal;
  --heading-h3-font-family: "Inter", Helvetica;
  --heading-h3-font-weight: 600;
  --heading-h3-font-size: 28px;
  --heading-h3-letter-spacing: 0px;
  --heading-h3-line-height: 125%;
  --heading-h3-font-style: normal;
  --heading-h4-font-family: "Inter", Helvetica;
  --heading-h4-font-weight: 600;
  --heading-h4-font-size: 22px;
  --heading-h4-letter-spacing: 0px;
  --heading-h4-line-height: 129.99999523162842%;
  --heading-h4-font-style: normal;
  --heading-h5-font-family: "Inter", Helvetica;
  --heading-h5-font-weight: 500;
  --heading-h5-font-size: 18px;
  --heading-h5-letter-spacing: 0px;
  --heading-h5-line-height: 135.0000023841858%;
  --heading-h5-font-style: normal;
  --body-lg-font-family: "Inter", Helvetica;
  --body-lg-font-weight: 400;
  --body-lg-font-size: 18px;
  --body-lg-letter-spacing: 0px;
  --body-lg-line-height: 160.0000023841858%;
  --body-lg-font-style: normal;
  --body-md-font-family: "Inter", Helvetica;
  --body-md-font-weight: 400;
  --body-md-font-size: 16px;
  --body-md-letter-spacing: 0px;
  --body-md-line-height: 160.0000023841858%;
  --body-md-font-style: normal;
  --body-sm-font-family: "Inter", Helvetica;
  --body-sm-font-weight: 400;
  --body-sm-font-size: 14px;
  --body-sm-letter-spacing: 0px;
  --body-sm-line-height: 154.99999523162842%;
  --body-sm-font-style: normal;
  --label-lg-font-family: "Inter", Helvetica;
  --label-lg-font-weight: 600;
  --label-lg-font-size: 14px;
  --label-lg-letter-spacing: 0px;
  --label-lg-line-height: 139.9999976158142%;
  --label-lg-font-style: normal;
  --label-md-font-family: "Inter", Helvetica;
  --label-md-font-weight: 600;
  --label-md-font-size: 12px;
  --label-md-letter-spacing: 0px;
  --label-md-line-height: 139.9999976158142%;
  --label-md-font-style: normal;
  --label-sm-font-family: "Inter", Helvetica;
  --label-sm-font-weight: 700;
  --label-sm-font-size: 10px;
  --label-sm-letter-spacing: 0px;
  --label-sm-line-height: 129.99999523162842%;
  --label-sm-font-style: normal;
  --none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  --xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
  --sm: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
  --md: 0px 4px 12px 0px rgba(0, 0, 0, 0.1);
  --lg: 0px 8px 24px -2px rgba(0, 0, 0, 0.12);
  --xl: 0px 16px 40px -4px rgba(0, 0, 0, 0.14);
  --2xl: 0px 24px 64px -8px rgba(0, 0, 0, 0.18);
  --primary: 0px 8px 20px 0px rgba(14, 165, 233, 0.2);
  --prueba-color-primary-100: var(--primary-100);
  --prueba-color-primary-200: var(--primary-200);
  --prueba-color-primary-300: var(--primary-300);
  --prueba-color-primary-400: var(--primary-400);
  --prueba-color-primary-500: var(--primary-500);
  --prueba-color-primary-600: var(--primary-600);
  --prueba-color-primary-700: var(--primary-700);
  --prueba-color-primary-800: var(--primary-800);
  --prueba-color-primary-900: var(--primary-900);
  --prueba-color-neutral-100: var(--neutral-100);
  --prueba-color-neutral-200: var(--neutral-200);
  --prueba-color-neutral-300: var(--neutral-300);
  --prueba-color-neutral-400: var(--neutral-400);
  --prueba-color-neutral-500: var(--neutral-500);
  --prueba-color-neutral-600: var(--neutral-600);
  --prueba-color-neutral-700: var(--neutral-700);
  --prueba-color-neutral-800: var(--neutral-800);
  --prueba-color-neutral-900: var(--neutral-900);
  --prueba-color-semantic-success: var(--semanticsuccess);
  --prueba-color-semantic-warning: var(--semanticwarning);
  --prueba-color-semantic-error: var(--semanticerror);
  --prueba-color-semantic-info: var(--semanticinfo);
  --prueba-color-semantic-background: var(--semanticbackground);
  --prueba-color-semantic-surface: var(--semanticsurface);
  --prueba-color-semantic-text-primary: var(--semantictext-primary);
  --prueba-color-semantic-text-secondary: var(--semantictext-secondary);
  --prueba-color-semantic-text-disabled: var(--semantictext-disabled);
  --prueba-color-semantic-text-on-primary: var(--semantictext-on-primary);
  --prueba-spacing-2xs: 4px;
  --prueba-spacing-xs: 8px;
  --prueba-spacing-sm: 12px;
  --prueba-spacing-md: 16px;
  --prueba-spacing-lg: 24px;
  --prueba-spacing-xl: 32px;
  --prueba-spacing-2xl: 48px;
  --prueba-spacing-3xl: 64px;
  --prueba-spacing-4xl: 80px;
  --prueba-spacing-5xl: 96px;
  --prueba-borderradius-none: 0px;
  --prueba-borderradius-xs: 4px;
  --prueba-borderradius-sm: 8px;
  --prueba-borderradius-md: 12px;
  --prueba-borderradius-lg: 16px;
  --prueba-borderradius-xl: 24px;
  --prueba-borderradius-2xl: 32px;
  --prueba-borderradius-full: 9999px;
}