$container: 1400px;
$container-padding: 24px;

$bp-xxl: 1600px;
$bp-xl: 1280px;
$bp-lg: 1024px;
$bp-md: 768px;
$bp-sm: 520px;

$font-main: "Segoe UI", "Segoe UI Variable", "Helvetica Neue", Arial, sans-serif;

$color-bg: #121212;
$color-surface: #293133;
$color-surface-2: #20272a;
$color-border: rgba(255, 255, 255, 0.1);
$color-border-strong: rgba(207, 23, 23, 0.3);
$color-text: #ffffff;
$color-text-muted: rgba(255, 255, 255, 0.7);
$color-text-soft: rgba(255, 255, 255, 0.8);
$color-accent: #cf1717;

$radius-sm: 14px;
$radius-md: 16px;
$radius-lg: 20px;

$shadow-accent: 0 25px 50px rgba(231, 0, 11, 0.5);
$shadow-card: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);