:root {
    --site__bg: #f4f7fb;
    --site__surface: rgba(255, 255, 255, 0.90);
    --site__surface--strong: #ffffff;
    --site__surface--soft: #f8fafc;

    --site__text: #172033;
    --site__text--soft: #475569;
    --site__text--muted: #6b778c;

    --site__accent: #0f6fbf;
    --site__accent--dark: #0b4f8a;
    --site__accent--soft: rgba(15, 111, 191, 0.10);
    --site__accent--line: rgba(15, 111, 191, 0.22);

    --site__success: #0f766e;
    --site__border: rgba(23, 32, 51, 0.12);
    --site__border--strong: rgba(23, 32, 51, 0.18);

    --site__shadow: 0 18px 50px rgba(23, 32, 51, 0.10);
    --site__shadow--soft: 0 10px 28px rgba(23, 32, 51, 0.07);

    --site__radius: 22px;
    --site__radius--small: 16px;
    --site__width: 1220px;
    --site__transition: 0.20s ease;
}