:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6E59A5;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: rgb(234.1129032258, 193.1741935484, 68.6870967742);
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #143042;
  --secondary: #383c3f;
  --success: #28a745;
  --info: #7AB0DA;
  --warning: rgb(234.1129032258, 193.1741935484, 68.6870967742);
  --danger: #ab1212;
  --light: #f8f8f8;
  --dark: #343a40;
  --elevated: #6E59A5;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

:root {
  --surface-0: #ECEFF3;
  --surface-1: #fff;
  --surface-2: #F3F5F8;
  --text: #212529;
  --text-muted: #6c757d;
  --text-emphasis: #101418;
  --text-subtle: #A6AFBB;
  --text-inverse: #fff;
  --border: #dee2e6;
  --border-strong: #B9C0C9;
  --border-subtle: #EAEDF1;
  --focus-ring: rgba(20, 48, 66, 0.25);
  --primary-ink: rgb(76, 105, 125);
  --primary-soft: rgb(231, 246, 255);
  --primary-line: rgb(197, 225, 245);
  --secondary-ink: rgb(97, 101, 105);
  --secondary-soft: rgb(241, 244, 245);
  --secondary-line: rgb(217, 221, 224);
  --success-ink: rgb(3, 122, 41);
  --success-soft: rgb(227, 251, 228);
  --success-line: rgb(179, 238, 184);
  --info-ink: rgb(53, 106, 144);
  --info-soft: rgb(223, 247, 255);
  --info-line: rgb(180, 227, 255);
  --warning-ink: rgb(127, 96, 0);
  --warning-soft: rgb(254, 243, 214);
  --warning-line: rgb(245, 218, 146);
  --danger-ink: rgb(170, 56, 48);
  --danger-soft: rgb(255, 234, 229);
  --danger-line: rgb(255, 202, 192);
  --elevated-ink: rgb(106, 85, 160);
  --elevated-soft: rgb(245, 239, 255);
  --elevated-line: rgb(223, 211, 255);
  --tier-admin: #2f6fd0;
  --tier-admin-ink: rgb(40, 98, 184);
  --tier-admin-soft: rgb(229, 245, 255);
  --tier-admin-line: rgb(192, 222, 255);
  --shadow-1: 0 1px 2px rgba(16, 24, 40, 0.05), 0 1px 3px rgba(16, 24, 40, 0.08);
  --shadow-2: 0 4px 8px -2px rgba(16, 24, 40, 0.08), 0 12px 24px -4px rgba(16, 24, 40, 0.12);
  --radius-1: .5rem;
  --radius-2: .75rem;
}