/* GENERATED by web/ui/tokens/build.mjs from tokens.json. Do not edit; change tokens.json and run: node web/ui/tokens/build.mjs. Load after element-plus/dist/index.css. */
:root{
  --el-color-primary:var(--q-color-primary);
  --el-color-primary-light-3:color-mix(in srgb,var(--q-color-primary) 70%,var(--q-color-surface));
  --el-color-primary-light-5:color-mix(in srgb,var(--q-color-primary) 50%,var(--q-color-surface));
  --el-color-primary-light-7:color-mix(in srgb,var(--q-color-primary) 30%,var(--q-color-surface));
  --el-color-primary-light-8:color-mix(in srgb,var(--q-color-primary) 20%,var(--q-color-surface));
  --el-color-primary-light-9:color-mix(in srgb,var(--q-color-primary) 10%,var(--q-color-surface));
  --el-color-primary-dark-2:color-mix(in srgb,var(--q-color-primary) 80%,black);
  --el-color-success:var(--q-color-success);
  --el-color-success-light-3:color-mix(in srgb,var(--q-color-success) 70%,var(--q-color-surface));
  --el-color-success-light-5:color-mix(in srgb,var(--q-color-success) 50%,var(--q-color-surface));
  --el-color-success-light-7:color-mix(in srgb,var(--q-color-success) 30%,var(--q-color-surface));
  --el-color-success-light-8:color-mix(in srgb,var(--q-color-success) 20%,var(--q-color-surface));
  --el-color-success-light-9:var(--q-color-success-bg);
  --el-color-success-dark-2:color-mix(in srgb,var(--q-color-success) 80%,black);
  --el-color-warning:var(--q-color-warning);
  --el-color-warning-light-3:color-mix(in srgb,var(--q-color-warning) 70%,var(--q-color-surface));
  --el-color-warning-light-5:color-mix(in srgb,var(--q-color-warning) 50%,var(--q-color-surface));
  --el-color-warning-light-7:color-mix(in srgb,var(--q-color-warning) 30%,var(--q-color-surface));
  --el-color-warning-light-8:color-mix(in srgb,var(--q-color-warning) 20%,var(--q-color-surface));
  --el-color-warning-light-9:var(--q-color-warning-bg);
  --el-color-warning-dark-2:color-mix(in srgb,var(--q-color-warning) 80%,black);
  --el-color-danger:var(--q-color-danger);
  --el-color-danger-light-3:color-mix(in srgb,var(--q-color-danger) 70%,var(--q-color-surface));
  --el-color-danger-light-5:color-mix(in srgb,var(--q-color-danger) 50%,var(--q-color-surface));
  --el-color-danger-light-7:color-mix(in srgb,var(--q-color-danger) 30%,var(--q-color-surface));
  --el-color-danger-light-8:color-mix(in srgb,var(--q-color-danger) 20%,var(--q-color-surface));
  --el-color-danger-light-9:var(--q-color-danger-bg);
  --el-color-danger-dark-2:color-mix(in srgb,var(--q-color-danger) 80%,black);
  --el-color-info:var(--q-color-info);
  --el-color-info-light-3:color-mix(in srgb,var(--q-color-info) 70%,var(--q-color-surface));
  --el-color-info-light-5:color-mix(in srgb,var(--q-color-info) 50%,var(--q-color-surface));
  --el-color-info-light-7:color-mix(in srgb,var(--q-color-info) 30%,var(--q-color-surface));
  --el-color-info-light-8:color-mix(in srgb,var(--q-color-info) 20%,var(--q-color-surface));
  --el-color-info-light-9:var(--q-color-info-bg);
  --el-color-info-dark-2:color-mix(in srgb,var(--q-color-info) 80%,black);
  --el-color-error:var(--q-color-danger);
  --el-color-error-light-3:color-mix(in srgb,var(--q-color-danger) 70%,var(--q-color-surface));
  --el-color-error-light-5:color-mix(in srgb,var(--q-color-danger) 50%,var(--q-color-surface));
  --el-color-error-light-7:color-mix(in srgb,var(--q-color-danger) 30%,var(--q-color-surface));
  --el-color-error-light-8:color-mix(in srgb,var(--q-color-danger) 20%,var(--q-color-surface));
  --el-color-error-light-9:var(--q-color-danger-bg);
  --el-color-error-dark-2:color-mix(in srgb,var(--q-color-danger) 80%,black);
  --el-text-color-primary:var(--q-color-text);
  --el-text-color-regular:var(--q-color-text-secondary);
  --el-text-color-secondary:var(--q-color-text-muted);
  --el-text-color-placeholder:var(--q-color-text-muted);
  --el-text-color-disabled:var(--q-color-text-faint);
  --el-bg-color:var(--q-color-surface);
  --el-bg-color-overlay:var(--q-color-surface);
  --el-bg-color-page:var(--q-color-bg);
  --el-fill-color-blank:var(--q-color-surface);
  --el-fill-color:var(--q-color-surface-hover);
  --el-fill-color-light:var(--q-color-surface-hover);
  --el-fill-color-lighter:var(--q-color-surface-alt);
  --el-fill-color-extra-light:var(--q-color-surface-alt);
  --el-fill-color-dark:var(--q-color-border);
  --el-fill-color-darker:var(--q-color-border-medium);
  --el-border-color:var(--q-color-border-medium);
  --el-border-color-light:var(--q-color-border);
  --el-border-color-lighter:var(--q-color-border);
  --el-border-color-extra-light:var(--q-color-border);
  --el-border-color-dark:var(--q-color-border-medium);
  --el-border-color-darker:var(--q-color-border-strong);
  --el-border-color-hover:var(--q-color-border-strong);
  --el-disabled-bg-color:var(--q-color-surface-hover);
  --el-disabled-text-color:var(--q-color-text-faint);
  --el-disabled-border-color:var(--q-color-border);
  --el-font-family:var(--q-font-family);
  --el-font-weight-primary:var(--q-font-weight-medium);
  --el-font-size-extra-large:var(--q-font-size-6);
  --el-font-size-large:var(--q-font-size-5);
  --el-font-size-medium:var(--q-font-size-4);
  --el-font-size-base:var(--q-font-size-3);
  --el-font-size-small:var(--q-font-size-2);
  --el-font-size-extra-small:var(--q-font-size-1);
  --el-border-radius-base:var(--q-radius-2);
  --el-border-radius-round:var(--q-radius-4);
  --el-box-shadow:var(--q-shadow-2);
  --el-box-shadow-light:var(--q-shadow-1);
  --el-box-shadow-lighter:var(--q-shadow-1);
  --el-box-shadow-dark:var(--q-shadow-2);
  --el-mask-color:color-mix(in srgb,var(--q-color-surface) 90%,transparent);
  --el-mask-color-extra-light:color-mix(in srgb,var(--q-color-surface) 30%,transparent);
}