:root {
    --color-bg: #050505;
    --color-bg-soft: #0a0a0a;
    --color-surface: #101010;
    --color-surface-2: #151515;
    --color-white: #ffffff;
    --color-text: #f5f5f5;
    --color-text-soft: rgba(255, 255, 255, 0.70);
    --color-text-muted: rgba(255, 255, 255, 0.52);
    --color-line: rgba(255, 255, 255, 0.09);
    --color-accent: #b6d433;
    --color-accent-strong: #d5ff2f;
    --color-accent-soft: rgba(182, 212, 51, 0.12);
    --color-light-bg: #f4f5ef;
    --color-light-card: #fbfbf8;
    --color-light-text: #111111;
    --color-light-muted: rgba(17, 17, 17, 0.66);
    --shadow-soft: 0 20px 60px rgba(0, 0, 0, 0.20);
    --shadow-accent: 0 12px 35px rgba(182, 212, 51, 0.24);
    --radius-xs: 12px;
    --radius-sm: 18px;
    --radius-md: 26px;
    --radius-lg: 34px;
    --radius-xl: 42px;
    --container: 1580px;
    --container-mobile: 80%;
    --header-height: 88px;
    --transition: 0.35s ease;
}