:root {
    /* Light palette */
    --gf-light--brand-red: #d63031;
    --gf-light--brand-red-hover: #b02525;
    --gf-light--brand-red-active: #8b1c1c;
    --gf-light--brand-red-soft: #e85555;

    --gf-light--text: #24292e;
    --gf-light--text-soft: #586069;
    --gf-light--text-faint: #6a737d;
    --gf-light--text-fainter: #959da5;

    --gf-light--bg: #ffffff;
    --gf-light--bg-soft: #f6f8fa;

    --gf-light--border: #e1e4e8;
    --gf-light--border-soft: #eaecef;
    --gf-light--border-strong: #d1d5da;

    --gf-light--menu-bg: #ffffff;
    --gf-light--menu-hover: #f6f8fa;

    --gf-light--button-primary: #1a1a1a;
    --gf-light--button-primary-hover: #000000;

    /* Dark palette */
    --gf-dark--brand-red: #ff5757;
    --gf-dark--brand-red-hover: #ff7070;
    --gf-dark--brand-red-active: #d63031;
    --gf-dark--brand-red-soft: #ff8080;

    --gf-dark--text: #e6edf3;
    --gf-dark--text-soft: #b1bac4;
    --gf-dark--text-faint: #8b949e;
    --gf-dark--text-fainter: #6e7681;

    --gf-dark--bg: #0d1117;
    --gf-dark--bg-soft: #161b22;

    --gf-dark--border: #30363d;
    --gf-dark--border-soft: #21262d;
    --gf-dark--border-strong: #424a53;

    --gf-dark--menu-bg: #161b22;
    --gf-dark--menu-hover: #21262d;

    --gf-dark--button-primary: #21262d;
    --gf-dark--button-primary-hover: #30363d;
}