:root {
    /* Brand */
    --bc-color-yellow: #FCB800;
    --bc-color-blue: #26B3D4;
    --bc-color-blue-hover: #279FBB;
    --bc-color-text: #2A2A2A;
    --bc-color-text-muted: #82838F;
    --bc-color-bg: #F7F8FA;
    --bc-color-white: #FFFFFF;
    --bc-color-border: #E0E1EA;
    --bc-color-border-soft: #DBDDE6;

    /* Typography */
    --bc-font-heading: "Work Sans", Helvetica, Arial, sans-serif;
    --bc-font-body: "Lato", Helvetica, Arial, sans-serif;

    /* Layout */
    --bc-container: 1250px;
    --bc-container-narrow: 824px;
    --bc-gutter: 20px;

    /* Radius / shadows */
    --bc-radius-sm: 3px;
    --bc-radius-md: 6px;
    --bc-shadow-card: 0 3px 5px rgba(0,0,0,.15);
    --bc-shadow-soft: 0 0 3px rgba(0,0,0,.10);

    /* Spacing */
    --bc-space-1: .5rem;
    --bc-space-2: 1rem;
    --bc-space-3: 1.5rem;
    --bc-space-4: 2rem;
    --bc-space-5: 3rem;
    --bc-space-6: 5rem;
}