:root {
    --color-dark: #000;
    --color-dark-100: #595959;
    --color-dark-200: #666666;
    --color-dark-300: #737373;
    --color-dark-400: #7F7F7F;
    --color-dark-500: #8C8C8C;
    --color-dark-600: #999;
    --color-light: #fff;
    --color-light-50: #fafafa;
    --color-light-60: #FCFCFC;
    --color-light-70: #F2F2F2;
    --color-light-100: #f5f5f5;
    --color-light-200: #f9f9f9;
    --color-light-300: #e2e2e2;
    --color-light-400: #eaeaea;
    --color-blue-lighter: #bbd9f2;
    --color-blue-light: #61b5ff;
    --color-blue: #00529b;
    --color-blue-hover: #004486;
    --color-primary-gradient: linear-gradient(to right, #f46b45, #bb7513);
    --color-primary-gradient-100: linear-gradient(to right, #f38060, #df9937);

    --color-bg-body: var(--color-light-50); /* trying out custom colors with orange tints*/
    --color-bg-header: var(--color-primary-gradient);
    --color-bg-button: var(--color-blue);
    --color-bg-button-hover: var(--color-blue-hover);
    --font-size-button: 14px;
    --font-weight-button: 500;

    --font-family: "Red Hat Display", sans-serif;
    --font-size-title: 22px;
    --font-weight-bold: 500;
    --font-weight-normal: 400;

    --color-bg-card: var(--color-light);
    --color-border-card: var(--color-light-400);
    --color-border-quantity: var(--color-blue);
    --color-bg-card-button: var(--color-blue);
    
    --font-weight-service-card-bold: 500;
    --font-weight-service-card-normal: 400;

    --font-size-service-card-title: 22px;
    --font-size-service-card-price: 18px;
    --font-size-service-card-extra: 16px;
    --font-size-service-card-actions: 14px;

    --color-secondary: #f0951d;
    --color-info: #17a2b8;
    --color-info-background: #17a2b84d;
    --color-success: #188731;
    --color-success-background: #c3f6cf;
    --color-warning: #ffc107;
    --color-warning-background: #ffc1074d;
    --color-danger: #dc3545;
    --color-danger-background: #ffd5d9;
    --color-intelligence: #6c63ff;

    --color-accent-1: #20c997;
    --color-accent-2: #e83e8c;
    --color-neutral: #6c757d;
    --color-highlight: #ffdf5d;
}