:root {
  --font-main: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --color-bg-main: #061019;
  --color-bg-panel: rgba(8, 15, 26, 0.92);
  --color-bg-soft: rgba(255, 255, 255, 0.035);

  --color-text-main: #e6edf3;
  --color-text-muted: #8b9aad;
  --color-text-soft: #cfd7e3;

  --color-accent-green: #22c55e;
  --color-accent-cyan: #42d4c8;
  --color-accent-blue: #4da3ff;

  --border-soft: 1px solid rgba(255, 255, 255, 0.06);
  --border-accent: 1px solid rgba(66, 212, 200, 0.24);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 22px;
  --radius-2xl: 24px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 22px;
  --space-2xl: 32px;

  --text-xs: 9px;
  --text-sm: 12px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 20px;
  --text-2xl: 34px;

  --z-hub: 1050;
  --z-hub-overlay: 1051;
  --z-hub-surface: 1052;

  --hub-profile-avatar-size: 120px;
  --hub-profile-avatar-dot-size: 18px;

  --hub-profile-card-padding: 22px;
  --hub-profile-card-gap: 20px;
  --hub-profile-card-radius: 24px;

  --hub-card-bg: rgba(14, 22, 36, 0.92);
  --hub-card-border: 1px solid rgba(255, 255, 255, 0.06);

  --hub-action-height: 46px;
  --hub-action-radius: 14px;

  --hub-progress-height: 6px;

  --hub-rail-width: 72px;
  --hub-tab-size: 48px;

  --button-bg-soft: rgba(255, 255, 255, 0.035);
  --button-bg-muted: rgba(255, 255, 255, 0.045);
  --button-border-soft: 1px solid rgba(255, 255, 255, 0.06);
  --button-border-muted: 1px solid rgba(255, 255, 255, 0.08);
  --button-text-main: var(--color-text-main);
  --button-text-muted: var(--color-text-muted);
  --button-height-md: 42px;
  --button-height-lg: 72px;
  --button-radius-md: 14px;
  --button-radius-lg: 18px;
  --button-padding-md: 0 18px;
  --button-gap-md: 12px;

  --item-card-min-height: 96px;
  --item-card-padding: 14px;
  --item-card-radius: 16px;
  --item-card-bg: rgba(255, 255, 255, 0.028);
  --item-card-border: 1px solid rgba(255, 255, 255, 0.055);

  --badge-size-md: 34px;
  --badge-radius-md: 12px;
  --badge-bg-cyan-soft: rgba(66, 212, 200, 0.1);
  --badge-text-cyan: var(--color-accent-cyan);
}