:root {
    /* Equans brand palette */
    --color-turquoise-green: #70bd95;
    --color-dark-blue: #002439;
    --color-dark-green: #008163;
    --color-white: #ffffff;
    --color-azure-blue: #0059ce;
    --color-orange: #ff9600;
    --color-yellow: #ffc400;
    --color-apple-green: #76c512;
    --color-violet: #c865ff;
    --color-pink: #ff0080;
    --color-lime-green: #b7f100;
    --color-light-blue: #00dee8;

    /* Additional colors */
    --color-black: #000000;
    --color-red: #b32121;

    /* Semantic tokens */
    --color-primary: var(--color-dark-green);
    --color-primary-contrast: var(--color-white);
    --color-secondary: var(--color-dark-blue);
    --color-link: var(--color-azure-blue);
    --color-success: var(--color-apple-green);
    --color-warning: var(--color-yellow);
    --color-danger: var(--color-pink);
    --color-info: var(--color-light-blue);
    --color-text-inverse: var(--color-white);
    --color-primary-border: var(--color-dark-green);
    --color-primary-hover-background: var(--color-turquoise-green);
    --color-primary-hover-border: var(--color-dark-blue);

    --color-sidebar-start: var(--color-dark-blue);
    --color-sidebar-end: var(--color-dark-green);
    --color-surface: #f7f7f7;
    --color-surface-warning: #fff9db;
    --color-border: #d6d5d5;
    --color-nav-text: #d7d7d7;
    --color-error: var(--color-red);
    --shadow-overlay-1: 0 -1px 2px rgba(0, 0, 0, 0.2);

    /* Bootstrap */
    --bs-primary: var(--color-primary);
    --bs-link-color: var(--color-link);
    --bs-success: var(--color-success);
    --bs-warning: var(--color-warning);
    --bs-danger: var(--color-danger);
    --bs-info: var(--color-info);
}