:root {
    /* Primary */
    --color-primary: #508eb6;
    --color-primary-darker: #407ea7;
    --color-on-primary: #ddebf3;
    --color-on-primary-darker: #ddebf3;

    /* Secondary */
    --color-secondary: #00294a;
    --color-on-secondary: #f4eee5;

    /* Background */
    --color-background: #f9fafb;
    --color-on-background: #0F0A05;
    
    /* Surface */
    --color-surface: #f0f3f5;
    --color-on-surface: #1C1308;

    /* Error */
    --color-error: #fff;
    --color-on-error: #fff;

    /* Success */
    --color-success: #fff;
    --color-on-success: #fff;
}