:root {
  /* Brand */
  --te-color-brand-primary: #1E3A5F;
  --te-color-brand-primary-soft: #3F6BA8;
  --te-color-brand-accent: #F78C1F;
  --te-color-brand-accent-soft: #FDBA6D;

  /* Semantic */
  --te-color-success: #3FA663;
  --te-color-warning: #F3B23A;
  --te-color-error: #C4473D;
  --te-color-info: #2563EB;

  /* Backgrounds & surfaces */
  --te-bg-app: #F4F6FA;
  --te-bg-surface: #FFFFFF;
  --te-bg-subtle: #E5E9F3;
  --te-bg-inverted: #1E3A5F;

  /* Borders */
  --te-border-subtle: #D2D8E3;
  --te-border-strong: #9CA3B8;

  /* Text */
  --te-text-primary: #1F2933;
  --te-text-secondary: #4B5563;
  --te-text-muted: #6B7280;
  --te-text-on-primary: #FFFFFF;
  --te-text-on-accent: #1F2933;

  /* Typography */
  --te-font-heading: "Poppins", system-ui, -apple-system, sans-serif;
  --te-font-body: "Inter", system-ui, -apple-system, sans-serif;
  --te-font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --te-font-size-xs: 12px;
  --te-font-size-sm: 14px;
  --te-font-size-md: 16px;
  --te-font-size-lg: 18px;
  --te-font-size-xl: 20px;
  --te-font-size-2xl: 24px;
  --te-font-size-3xl: 30px;
  --te-font-size-4xl: 36px;
  --te-font-size-5xl: 48px;

  --te-radius-sm: 4px;
  --te-radius-md: 8px;
  --te-radius-lg: 12px;
  --te-radius-xl: 16px;
  --te-radius-pill: 999px;

  --te-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
  --te-shadow-md: 0 4px 8px rgba(15, 23, 42, 0.10);
  --te-shadow-lg: 0 12px 24px rgba(15, 23, 42, 0.14);

  --te-space-0: 0px;
  --te-space-1: 4px;
  --te-space-2: 8px;
  --te-space-3: 12px;
  --te-space-4: 16px;
  --te-space-5: 20px;
  --te-space-6: 24px;
  --te-space-8: 32px;
  --te-space-10: 40px;
  --te-space-12: 48px;
  --te-space-16: 64px;
}