/* Recognize tokens as CSS variables, from the Recognize design system's tokens.json (light theme) */
:root {
  --teal-50:#e6f5f5; --teal-100:#b8e3e3; --teal-200:#8ad1d1; --teal-300:#5cbfbf; --teal-400:#2eaeae; --teal-500:#0ab6b6; --teal-600:#088f8f; --teal-700:#066b6b; --teal-800:#044747; --teal-900:#022424;
  --blue-50:#e7f1f9; --blue-100:#d0e1ed; --blue-200:#a1c3db; --blue-300:#72a5ca; --blue-400:#4387b8; --blue-500:#1469a6; --blue-600:#105485; --blue-700:#0c3f64; --blue-800:#082a42; --blue-900:#041521;
  --gray-50:#f8f9fa; --gray-100:#ecf0f1; --gray-200:#e9ecef; --gray-300:#dee2e6; --gray-400:#ced4da; --gray-500:#adb5bd; --gray-600:#767676; --gray-700:#495057; --gray-800:#343a40; --gray-900:#212529;
  --white:#ffffff; --black:#000000;
  --green-50:#e8f5e9; --green-100:#cee6d3; --green-200:#9ccda8; --green-300:#6bb57c; --green-400:#399c51; --green-500:#088325; --green-600:#06691e; --green-700:#054f16; --green-800:#03340f; --green-900:#021a07;
  --red-50:#ffebee; --red-100:#ffcdd2; --red-200:#ef9a9a; --red-300:#e57373; --red-400:#ef5350; --red-500:#e53535; --red-600:#c30e0e; --red-700:#a00a0a; --red-800:#7d0707; --red-900:#5a0404;
  --slate-50:#f0f4f5; --slate-100:#d9e4e7; --slate-200:#bdd0d5; --slate-300:#a3b6bb; --slate-400:#87929d; --slate-500:#5e7980; --slate-600:#4a6169; --slate-700:#23313c; --slate-800:#192530; --slate-900:#0f1820;
  --yellow-50:#fffde7; --yellow-100:#fff9c4; --yellow-200:#fff59d; --yellow-300:#fff176; --yellow-400:#ffee58; --yellow-500:#ffc107; --yellow-600:#f59e0b; --yellow-700:#d97706; --yellow-800:#b45309; --yellow-900:#78350f;
  --background-page:#f8f9fa; --background-surface:#ffffff; --background-surface-alt:#ecf0f1; --background-brand:#1469a6; --background-brand-light:#e7f1f9;
  --text-primary:#000000; --text-secondary:#5e7980; --text-muted:#adb5bd; --text-inverse:#ffffff; --text-brand:#1469a6; --text-link:#105485; --text-success:#06691e; --text-danger:#c30e0e; --text-warning:#f59e0b; --text-brand-light:#4387b8;
  --border-default:#dee2e6; --border-thin:#ecf0f1; --border-brand:#1469a6;
  --icon-brand:#1469a6; --icon-inverse:#ffffff; --icon-muted:#ced4da; --icon-disabled:#dee2e6; --icon-brand-light:#4387b8; --icon-black:#000000; --icon-enable:#5e7980;
  --action-primary-bg:#1469a6; --action-primary-bg-hover:#105485; --action-primary-text:#ffffff; --action-secondary-bg:#5e7980; --action-secondary-bg-hover:#4a6169; --action-secondary-text:#ffffff; --action-danger-bg:#c30e0e; --action-warning-bg:#ffc107; --action-success-bg:#088325;
  --state-success-bg:#e8f5e9; --state-success-text:#088325; --state-success-border:#088325; --state-danger-bg:#ffebee; --state-danger-text:#c30e0e; --state-danger-border:#c30e0e; --state-info-bg:#e7f1f9; --state-info-text:#105485; --state-info-border:#105485; --state-warning-bg:#fffde7; --state-warning-text:#f59e0b; --state-warning-border:#f59e0b; --state-progress:#1469a6;
  --space-2:2px; --space-4:4px; --space-6:6px; --space-8:8px; --space-10:10px; --space-12:12px; --space-14:14px; --space-16:16px; --space-18:18px; --space-20:20px; --space-24:24px;
  --radius-sm:4px; --radius-md:6px; --radius-lg:8px; --radius-xl:16px; --radius-card:20px; --radius-pill:99px;
  --focus-ring:0 0 0 4px rgba(67, 135, 184, 0.24); --focus-ring-valid:0 0 0 4px rgba(25, 135, 84, 0.25); --focus-ring-invalid:0 0 0 4px rgba(220, 53, 69, 0.25);
  --font-sans:"Outfit", system-ui, sans-serif;
}