/**
 * Top5Ebikes design tokens — aligned to Figma variables.
 */
:root {
  --te5-color-black: #000000;
  --te5-color-white: #ffffff;
  --te5-color-brand: #376a3f;
  --te5-color-accent: #ee8138;
  --te5-color-text-primary: #000000;
  --te5-color-text-secondary: #3f3f45;
  --te5-color-text-tertiary: #717179;
  --te5-color-border: #e4e4e7;
  --te5-color-border-brand: #c5d4c7;
  --te5-color-border-inversed: #27272a;
  --te5-color-bg-primary: #ffffff;
  --te5-color-bg-secondary: #f4f4f5;
  --te5-color-bg-page: #fafafa;
  --te5-color-bg-accent-tinted: #fef9f5;
  --te5-color-bg-brand-tinted: #f6f9f6;
  --te5-color-border-accent: #f8cdaf;
  --te5-color-brand-hover: #45844f;

  --te5-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  --te5-font-weight-regular: 400;
  --te5-font-weight-medium: 500;
  --te5-font-weight-semibold: 600;

  --te5-font-size-h1: 44px;
  --te5-line-height-h1: 52px;
  --te5-font-size-h2: 36px;
  --te5-line-height-h2: 44px;
  --te5-font-size-h2-mobile: 28px;
  --te5-line-height-h2-mobile: 36px;
  --te5-font-size-body: 18px;
  --te5-line-height-body: 28px;
  --te5-font-size-label-lg: 20px;
  --te5-line-height-label-lg: 28px;
  --te5-font-size-label-md: 16px;
  --te5-line-height-label-md: 24px;
  --te5-font-size-label-sm: 14px;
  --te5-line-height-label-sm: 20px;
  --te5-font-size-caption: 12px;
  --te5-line-height-caption: 16px;

  --te5-space-1: 4px;
  --te5-space-2: 8px;
  --te5-space-3: 12px;
  --te5-space-4: 16px;
  --te5-space-5: 20px;
  --te5-space-6: 24px;
  --te5-space-10: 40px;

  --te5-max-width: 1280px;
  --te5-section-padding-y: 40px;
  --te5-section-padding-x: 24px;

  --te5-shadow-card: 0 1px 4px rgba(0, 0, 0, 0.05),
    0 1px 5px rgba(0, 0, 0, 0.05);
  --te5-shadow-card-strong: 0 2px 6px 2px rgba(0, 0, 0, 0.1);
  --te5-radius-none: 0;

  --te5-article-card-media-ratio: 400 / 300;

  --te5-news-card-height: 172px;
  --te5-news-card-media-width: calc(var(--te5-news-card-height) * 384 / 256);
}