:root {
    --accent: #099AD7;
    --primary-color: var(--accent);
    --primary-fill: var(--accent);
    --header-bg: linear-gradient(17deg, var(--accent) -14.34%, color-mix(in srgb, var(--accent) 35%, #1e2640) 188.46%);
    --table-header-bg: var(--accent);

    --bg-color: #F4F7FB;
    --card-bg: #ffffff;
    --input-bg: #f6f8fb;
    --ss: #eef1f6;
    --row-stripe: #fafbfd;

    --border-color: #e4e9f0;
    --search-border: #e4e9f0;

    --text-color: #6b7682;
    --text-color-muted: #2f3a47;
    --input-text: #2f3a47;

    --danger-color: #e53935;
    --warning-color: #f5a623;
    --success-color: #2e9e5b;

    --nav-active-bg: color-mix(in srgb, var(--primary-color) 10%, #fff);
    --tile-bg: color-mix(in srgb, var(--primary-color) 11%, #fff);
    --avatar-bg: color-mix(in srgb, var(--primary-color) 13%, #fff);

    --chip-bg: #eef2f7;
    --chip-text: #5b6675;

    --card-shadow: 0 1px 3px rgba(43,46,51,.06), 0 1px 2px rgba(43,46,51,.04);
    --card-shadow-hover: 0 6px 20px rgba(30,60,120,.12);

    --r-card: 14px;
    --r-input: 12px;
    --r-pill: 32px;
    --r-nav: 10px;
    --r-icon: 10px;
}