:root {
    --font-family: Roboto, Arial, sans-serif;
    --front-white: #FFFFFF;
    --front-bg: #F7F7F5;
    --front-bg-soft: #FBFAF7;
    --front-black: #070707;
    --front-text: #151515;
    --front-muted: #6E6D6D;
    --front-silver: #D4CDC7;
    --front-border: rgba(7, 7, 7, .10);
    --front-red: #E30613;
    --front-red-bright: #F00808;
    --front-gold: #F3AF33;
    --front-card: #FFFFFF;
    --front-success: #177245;
    --front-warning: #9A6200;
    --front-danger: #B42318;
    --front-shadow: 0 18px 45px rgba(7, 7, 7, .08);
    --front-shadow-soft: 0 10px 28px rgba(7, 7, 7, .06);
    --front-radius: 22px;
    --front-radius-sm: 14px;
    --front-container: 1240px;

    --color-primary: var(--front-black);
    --color-primary-soft: #1A1A1A;
    --color-accent-red: var(--front-red);
    --color-accent-yellow: var(--front-gold);
    --color-bg: var(--front-white);
    --color-bg-soft: var(--front-bg);
    --color-border: var(--front-border);
    --color-text: var(--front-text);
    --color-muted: var(--front-muted);
    --color-success: var(--front-success);
    --color-warning: var(--front-warning);
    --color-danger: var(--front-danger);
    --shadow-soft: var(--front-shadow-soft);
    --radius-sm: 10px;
    --radius-md: 18px;
    --container: var(--front-container);
}