@font-face{font-family:"DM Sans";src:url("../fonts/DMSans-Latin.woff2") format("woff2");font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("../fonts/IBMPlexMono-SemiBold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
:root{
  --ink-900:#0B1B33;
  --ink-700:#2A3B55;
  --ink-500:#5B6B82;
  --line:#DDDFE4;
  --surface:#FFFFFF;
  --canvas:#FAF9F6;
  --cobalt-600:#1F4FD1;
  --cobalt-700:#183FA8;
  --cobalt-400:#759BFF;
  --cobalt-50:#EEF3FF;
  --brass-500:#C98A1B;
  --brass-50:#FBF3E2;

  --status-not-started-bg:#E3E8EF;
  --status-not-started-text:#5B6B82;
  --status-in-progress-bg:#DCE6FF;
  --status-in-progress-text:#1F4FD1;
  --status-competent-bg:#DDF3E8;
  --status-competent-text:#136B45;
  --status-expiring-bg:#FBF3E2;
  --status-expiring-text:#8A5A0B;
  --status-expired-bg:#FCE4E2;
  --status-expired-text:#A3261C;

  --proficiency-level-1-bg:var(--status-not-started-bg);
  --proficiency-level-1-text:var(--ink-700);
  --proficiency-level-2-bg:var(--status-in-progress-bg);
  --proficiency-level-2-text:var(--status-in-progress-text);
  --proficiency-level-3-bg:#DDF2F3;
  --proficiency-level-3-text:#0F6B78;
  --proficiency-level-4-bg:var(--ink-900);
  --proficiency-level-4-text:var(--surface);

  --font-ui:"DM Sans",sans-serif;
  --font-display-family:"DM Sans",sans-serif;
  --font-mono:"IBM Plex Mono";
  --font-size-12:12px;
  --font-size-13:13px;
  --font-size-14:14px;
  --font-size-16:16px;
  --font-size-20:20px;
  --font-size-24:24px;
  --font-size-32:32px;
  --weight-400:400;
  --weight-500:500;
  --weight-600:600;
  --weight-700:700;
  --weight-800:800;
  --tracking-title:-0.01em;
  --tracking-table:0.04em;
  --line-height-body:1.5;
  --line-height-heading:1.25;
  --tabular-numbers:tabular-nums;

  --space-4:4px;
  --space-8:8px;
  --space-12:12px;
  --space-16:16px;
  --space-24:24px;
  --space-32:32px;
  --space-48:48px;
  --space-64:64px;

  --radius-control:0px;
  --radius-panel:0px;
  --radius-pill:999px;
  --border-width:1px;
  --focus-width:2px;
  --focus-offset:2px;
  --icon-small:16px;
  --icon-size:18px;
  --icon-stroke:1.5px;

  --sidebar-width:240px;
  --sidebar-collapsed-width:64px;
  --topbar-height:56px;
  --content-max:1280px;
  --viewport-min:375px;
  --drawer-width:480px;
  --search-width:256px;
  --search-width-compact:64px;
  --person-column-width:256px;
  --count-column-width:128px;
  --demo-table-min-width:720px;
  --button-height:44px;
  --assessment-choice-height:56px;
  --assessment-specialty-min:250px;
  --button-compact-height:32px;
  --input-height:48px;
  --table-row-height:48px;
  --table-row-compact-height:40px;
  --matrix-cell-size:36px;
  --status-pill-height:22px;
  --avatar-size:32px;
  --status-dot-size:8px;
  --meta-column-min:176px;
  --meta-column-width:224px;
  --meta-copy-width:196px;
  --panel-demo-width:720px;
  --coverage-label-min:144px;
  --coverage-label-width:176px;
  --coverage-value-width:48px;
  --table-demo-min-width:880px;
  --demo-person-width:192px;
  --demo-role-width:160px;
  --demo-status-width:144px;
  --demo-coverage-width:88px;
  --demo-actions-width:48px;
  --avatar-small-size:28px;
  --sidebar-muted-opacity:0.7;
  --transition-ui:160ms ease-out;
  --shadow-overlay:0 8px 24px rgba(11,27,51,0.12);
  --primary:var(--cobalt-600);
  --hover:var(--cobalt-700);
  --ink:var(--ink-900);
  --text:var(--ink-500);
  --border:var(--line);
  --muted:var(--cobalt-50);
  --danger:var(--status-expired-text);
  --success:var(--status-competent-text);
  --font-display:52px;
  --font-display-small:40px;
  --font-display-mobile:36px;
  --body-large:18px;
  --marketing-measure:1160px;
  --form-measure:880px;
  --text-measure:720px;
  --header-height:72px;
  --brand-width:40px;
  --brand-height:32px;
  --brand-type-size:20px;
  --line-height-display:1.15;
  --tracking-display:-0.02em;
  --nav-indicator-width:3px;
  --auth-form-width:480px;
  --auth-art-height:224px;
  --auth-title-size:36px;
  --auth-layout-min-height:720px;
  --textarea-height:128px;
  --scroll-margin:96px;
  --table-min-width:640px;
  --checkbox-size:18px;
  --sidebar-layer:40;
  --header-layer:30;
  --skip-layer:100;
  --status-leading:1;
  --auth-input-height:48px;
  --auth-submit-height:54px;
  --auth-watermark-size:clamp(96px,12vw,180px);
  --auth-watermark-opacity:0.04;
  --font-label:11px;
  --tracking-label:0.1em;
  --radius-button:999px;
  --surface-soft:#F5F3EF;
  --ink-deep:#10121C;
  --line-dark:#26354B;
  --color-on-dark-muted:#B0BACB;
  --font-workspace:14px;
  --font-public:16px;
  --label-line-height:1.4;
  --hero-overlay:rgba(11,27,51,0.76);
  --section-photo-overlay:rgba(11,27,51,0.82);
  --line-on-dark:rgba(255,255,255,0.28);
  --hero-copy-width:800px;
  --hero-search-width:760px;
  --plan-radius:10px;
  --plan-availability-height:36px;
  --focus-fill:#EEF3FF;
  --font-size-28:28px;
  --focus-label-tracking:0;
  --scrim-opacity:0.25;
  --org-rail-width:64px;
  --org-sidebar-width:224px;
  --org-sidebar-compact:208px;
  --org-canvas:#F4F6FA;
  --org-surface-hover:#F8FAFD;
  --org-line:#E3E8F0;
  --org-muted:var(--ink-500);
  --org-radius:6px;
  --org-radius-large:8px;
  --org-title-size:28px;
  --org-rail-button:40px;
  --org-control-height:40px;
  --org-avatar-large:48px;
  --org-matrix-width:184px;
  --org-form-aside:240px;
  --org-table-row:64px;
  --org-backdrop:rgba(11,27,51,0.4);
  --org-meter-height:6px;
  --org-editor-guide:208px;
  --org-editor-label:176px;
  --org-editor-textarea:112px;
  --org-editor-max:1140px;
}
