:root {
    --db-brand: #ec0016;
    --db-white: #ffffff;
    --db-black: #000000;

    --db-yellow-100: #ffffdc;
    --db-yellow-200: #ffffaf;
    --db-yellow-300: #fff876;
    --db-yellow-400: #fff000;
    --db-yellow-500: #ffd800;
    --db-yellow-600: #ffbb00;
    --db-yellow-700: #ff9b00;
    --db-yellow-800: #ff7a00;

    --db-orange-100: #fff4d8;
    --db-orange-200: #fce3b4;
    --db-orange-300: #faca7f;
    --db-orange-400: #f8ab37;
    --db-orange-500: #f39200;
    --db-orange-600: #d77b00;
    --db-orange-700: #c05e00;
    --db-orange-800: #a24800;

    --db-red-100: #fee6e6;
    --db-red-200: #fcc8c3;
    --db-red-300: #fa9090;
    --db-red-400: #f75056;
    --db-red-500: #ec0016;
    --db-red-600: #c50014;
    --db-red-700: #9b000e;
    --db-red-800: #740009;

    --db-burgundy-100: #f4e8ed;
    --db-burgundy-200: #edcbd6;
    --db-burgundy-300: #da9aa8;
    --db-burgundy-400: #c0687b;
    --db-burgundy-500: #a9455d;
    --db-burgundy-600: #8c2e46;
    --db-burgundy-700: #641e32;
    --db-burgundy-800: #4d0820;

    --db-pink-100: #fdeef8;
    --db-pink-200: #f9d2e5;
    --db-pink-300: #f4aece;
    --db-pink-400: #ee7bae;
    --db-pink-500: #e93e8f;
    --db-pink-600: #db0078;
    --db-pink-700: #b80065;
    --db-pink-800: #970052;

    --db-violet-100: #f4eefa;
    --db-violet-200: #e0cde4;
    --db-violet-300: #c2a1c7;
    --db-violet-400: #9a6ca6;
    --db-violet-500: #814997;
    --db-violet-600: #6e368c;
    --db-violet-700: #581d70;
    --db-violet-800: #421857;

    --db-blue-100: #e0effb;
    --db-blue-200: #b4d5f6;
    --db-blue-300: #73aef4;
    --db-blue-400: #347de0;
    --db-blue-500: #1455c0;
    --db-blue-600: #0c3992;
    --db-blue-700: #0a1e6e;
    --db-blue-800: #061350;

    --db-cyan-100: #e5faff;
    --db-cyan-200: #bbe6f8;
    --db-cyan-300: #84cfef;
    --db-cyan-400: #55b9e6;
    --db-cyan-500: #309fd1;
    --db-cyan-600: #0087b9;
    --db-cyan-700: #006a96;
    --db-cyan-800: #004b6d;

    --db-turquoise-100: #e3f5f4;
    --db-turquoise-200: #bee2e5;
    --db-turquoise-300: #83caca;
    --db-turquoise-400: #3cb5ae;
    --db-turquoise-500: #00a099;
    --db-turquoise-600: #008984;
    --db-turquoise-700: #006e6b;
    --db-turquoise-800: #005752;

    --db-green-100: #e2f3e5;
    --db-green-200: #bddbb9;
    --db-green-300: #8cbc80;
    --db-green-400: #66a558;
    --db-green-500: #408335;
    --db-green-600: #2a7230;
    --db-green-700: #165c27;
    --db-green-800: #154a26;

    --db-light-green-100: #ebf7dd;
    --db-light-green-200: #c9eb9e;
    --db-light-green-300: #9fd45f;
    --db-light-green-400: #78be14;
    --db-light-green-500: #63a615;
    --db-light-green-600: #508b1b;
    --db-light-green-700: #44741a;
    --db-light-green-800: #375f15;

    --db-cool-gray-100: #f0f3f5;
    --db-cool-gray-200: #d7dce1;
    --db-cool-gray-300: #afb4bb;
    --db-cool-gray-400: #878c96;
    --db-cool-gray-500: #646973;
    --db-cool-gray-600: #3c414b;
    --db-cool-gray-700: #282d37;
    --db-cool-gray-800: #131821;

    --movas-blue-1: #257fa8;
    --movas-blue-2: #89cffa;
    --movas-blue-3: #e0eff5;
    --movas-green-1: #e8eee2;
    --movas-red-1: #fce0e2;
    --movas-orange-1: #d96000;
    --movas-orange-2: #fae7e0;
    --movas-neutral-1: #e8ecf0;
    --movas-pink-1: #9b1b60;
    --movas-yellow-1: #f9af42;
    --movas-yellow-2: #ffcd00;
}

:root {
    --text-dark: var(--db-cool-gray-700);
    --text-gray: var(--db-cool-gray-500);
    --text-light: var(--db-white);
    --text-positive: var(--db-green-500);
    --text-negative: var(--db-red-600);

    --interaction-primary-button-enabled: var(--db-red-500);
    --interaction-primary-button-hover: var(--db-red-600);
    --interaction-secondary-button-text-enabled-background: none;
    --interaction-secondary-button-text-enabled-border: var(--db-cool-gray-400);
    --interaction-secondary-button-text-hover: var(--db-cool-gray-200);
    --interaction-secondary-button-icon-enabled: var(--db-cool-gray-500);
    --interaction-secondary-button-icon-hover: var(--db-cool-gray-700);
    --interaction-all-focus: var(--movas-blue-1);

    --signal-warning: var(--movas-orange-1);
    --signal-error: var(--db-red-600);
    --signal-success: var(--db-green-500);
    --signal-information: var(--db-blue-600);
    --signal-alert: var(--db-cool-gray-700);

    --transport-ice: var(--db-cool-gray-700);
    --transport-ic: var(--db-cool-gray-500);
    --transport-ec: var(--db-cool-gray-500);
    --transport-re: var(--db-cool-gray-400);
    --transport-rb: var(--db-cool-gray-400);
    --transport-ir: var(--db-cool-gray-400);
    --transport-s-bahn: var(--db-green-500);
    --transport-u-bahn: var(--db-blue-500);
    --transport-tram: var(--db-burgundy-500);
    --transport-fernbus: var(--db-pink-500);
    --transport-bus: var(--db-violet-500);
    --transport-schiff: var(--db-cyan-500);
    --transport-flugzeug: var(--db-turquoise-500);
    --transport-taxi: var(--db-yellow-500);
    --transport-carsharing: var(--db-orange-500);
    --transport-bikesharing: var(--db-red-600);
    --transport-walking-icon: var(--db-cool-gray-700);
    --transport-sonstige: var(--db-cool-gray-200);
    --transport-ersatzverkehr: var(--movas-pink-1);

    --platform-planned: var(--db-blue-700);
    --platform-changed: var(--db-red-600);

    --class-first-class: var(--movas-yellow-2);
    --class-second-class: var(--db-green-600);

    --profile-private: var(--db-cool-gray-100);
    --profile-business: var(--db-blue-700);
    --profile-bahnbonus: var(--db-burgundy-700);
    --profile-iceportal: var(--db-cool-gray-700);

    --divider-light: var(--db-white);
    --divider-gray-lighter: var(--db-cool-gray-100);
    --divider-gray-light: var(--db-cool-gray-200);
    --divider-gray-medium: var(--db-cool-gray-300);
    --divider-gray-dark: var(--db-cool-gray-400);
    --divider-dark: var(--db-cool-gray-800);
    --divider-brand-dark: var(--db-red-600);

    --background-light: var(--db-white);
    --background-gray1: var(--db-cool-gray-100);
    --background-gray2: var(--movas-neutral-1);
    --background-dark: var(--db-cool-gray-500);
    --background-overlay: rgba(0, 0, 0, 0.7);
    --background-info: var(--movas-blue-3);
    --background-success: var(--movas-green-1);
    --background-critical: var(--movas-red-1);
    --background-warning: var(--movas-orange-2);
}


















