:root { --bg-primary:#ffffff;--bg-secondary:#f7f8f8;--bg-tertiary:#f1f2f3;--bg-brand:#00a297;--bg-primary-inverted:#000000;--bg-secondary-inverted:#222628;--bg-extra-1:#feb302;--bg-extra-2:#af2eed;--bg-extra-3:#fe6c02;--bg-status-1:#d5f5e6;--bg-status-2:#def2fd;--bg-status-3:#f9e3e3;--bg-status-4:#fff0cc;--bg-status-5:#f1ecfe;--bg-control-pd:#00a297;--bg-control-ph:#008578;--bg-control-sd:#F1F2F3;--bg-control-sh:#DBDFE0;--bg-control-td:#FFFFFF;--bg-control-th:#F1F2F3;--bg-header-primary:#ffffff;--bg-header-cd:#ffffff;--bg-header-ch:#f1f2f3;--bg-footer-primary:#ffffff;--text-disabled:#717e84;--text-primary:#000000;--text-secondary:#3f474b;--text-brand:#00a297;--text-control-primary:#ffffff;--text-control-secondary:#000000;--text-control-ghost:#3f474b;--text-primary-inverted:#ffffff;--text-extra-1:#feb302;--text-header-primary:#000000;--text-footer-primary:#000000;--border-primary-default:#f1f2f3;--border-primary-hover:#c2c8cb;--border-secondary-default:#ffffff;--border-brand:#00a297;--font-sans:Inter; }