:root {
  --ra-color-bg: #000000;
  --ra-color-bg-soft: #121212;
  --ra-color-text: #ffffff;
  --ra-color-text-muted: #b8b8b8;
  --ra-color-text-dim: #8a8a8a;

  --ra-color-orange: #f47b20;
  --ra-color-orange-dark: #e26a14;
  --ra-color-red: #ed1c24;
  --ra-color-yellow: #fcec21;

  --ra-color-border: rgba(255, 255, 255, 0.08);
  --ra-color-border-strong: rgba(255, 255, 255, 0.16);

  --ra-gradient: linear-gradient(67.84deg, #ed1c24 -1.82%, #fcec21 106.59%);

  --ra-radius-md: 16px;
  --ra-radius-lg: 24px;

  --ra-container-max: 1440px;
  --ra-container-padding: 24px;

  --ra-font-base:
    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;

  --ra-fs-xxl: clamp(36px, 5vw, 56px);
  --ra-fs-xl: clamp(28px, 3.5vw, 44px);
  --ra-fs-md: 18px;
  --ra-fs-sm: 16px;
  --ra-fs-xs: 14px;

  --ra-section-py: clamp(24px, 3.5vw, 48px);
}