/* CSS custom properties */
:root {
    /* Design System colors */
    --core: #00205b;
    --accent: #007eb4;
    --black: #303235;

    --core-1: #03060d;
    --core-2: #00205b;
    --core-3: #093582;
    --core-4: #1c4ea5;
    --core-5: #3a6cc1;
    --core-6: #628dd6;
    --core-7: #8eafe6;
    --core-8: #b7ccf0;
    --core-9: #d6e2f7;
    --core-10: #ebf0fa;
    --core-11: #f6f7fa;
    --accent-1: #006894;
    --accent-2: #007eb4;
    --accent-3: #0b8ec6;
    --accent-4: #20a0d6;
    --accent-5: #41b2e3;
    --accent-6: #6cc6ed;
    --accent-7: #99d9f5;
    --accent-8: #c1e9fa;
    --accent-9: #ddf3fd;
    --accent-10: #eefaff;
    --accent-11: #f5fcff;
    --black-1: #0b0c0d;
    --black-2: #303235;
    --black-3: #56595d;
    --black-4: #7b7f84;
    --black-5: #9ca0a5;
    --black-6: #b8bbbf;
    --black-7: #cfd1d3;
    --black-8: #e1e1e2;
    --black-9: #ededee;
    --black-10: #f5f5f5;
    --black-11: #fafafa;

    --error: #da291c;
    --success: #008522;
    --alert: #0077c8;
    --rating: #bf8900;
    --white: #ffffff;
    --true-black: #000000;

    --profile-1: #bf2080;
    --profile-2: #963a1d;
    --profile-3: #607d0e;
    --profile-4: #41058d;
    --profile-5: #8447d2;
    --profile-6: #8f0a52;
    --profile-7: #145b53;
    --profile-8: #98149b;

    /* Design System fonts */
    --primary: 'utopia-std', serif;
    --secondary: 'Effra', sans-serif;

    /* Misc. */
    --card-shadow: 0 4px 15px 0 rgba(0,0,0,0.13);
}

$color-core-blue: #00205b;
$color-accent-blue: #007eb4;
$color-banner-black: #303235;

$color-core-blue-01-dark: #03060d;
$color-core-blue-02-main: #00205b;
$color-core-blue-03-light: #093582;
$color-core-blue-04-light: #1c4ea5;
$color-core-blue-05-light: #3a6cc1;
$color-core-blue-06-light: #628dd6;
$color-core-blue-07-light: #8eafe6;
$color-core-blue-08-light: #b7ccf0;
$color-core-blue-09-light: #d6e2f7;
$color-core-blue-10-light: #ebf0fa;
$color-core-blue-11-light: #f6f7fa;
$color-accent-blue-01-dark: #006894;
$color-accent-blue-02-main: #007eb4;
$color-accent-blue-03-light: #0b8ec6;
$color-accent-blue-04-light: #20a0d6;
$color-accent-blue-05-light: #41b2e3;
$color-accent-blue-06-light: #6cc6ed;
$color-accent-blue-07-light: #99d9f5;
$color-accent-blue-08-light: #c1e9fa;
$color-accent-blue-09-light: #ddf3fd;
$color-accent-blue-10-light: #eefaff;
$color-accent-blue-11-light: #f5fcff;
$color-banner-black-01-dark: #0b0c0d;
$color-banner-black-02-main: #303235;
$color-banner-black-03-light: #56595d;
$color-banner-black-04-light: #7b7f84;
$color-banner-black-05-light: #9ca0a5;
$color-banner-black-06-light: #b8bbbf;
$color-banner-black-07-light: #cfd1d3;
$color-banner-black-08-light: #e1e1e2;
$color-banner-black-09-light: #ededee;
$color-banner-black-10-light: #f5f5f5;
$color-banner-black-11-light: #fafafa;

$color-error: #da291c;
$color-success: #008522;
$color-info-alert: #0077c8;
$color-rating: #bf8900;
$color-white: #ffffff;
$color-true-black: #000000;

$color-profile-1: #bf2080;
$color-profile-2: #963a1d;
$color-profile-3: #607d0e;
$color-profile-4: #41058d;
$color-profile-5: #8447d2;
$color-profile-6: #8f0a52;
$color-profile-7: #145b53;
$color-profile-8: #98149b;

/* Design System fonts */
$effra: 'Effra', sans-serif;
$utopia: 'utopia-std', serif;