:root {
  --kcds-site-material-background-75:#dddfe2;
  --kcds-site-material-background-76:#d96a12;
  --kcds-site-material-background-image-3:#e4e5e7;
  --kcds-site-material-mask-image-2:#000000;
  --kcds-site-material-color-46:#d66c1b;
  --kcds-site-material-background-77:#202124;
  --kcds-site-material-background-78:#f8f6f3;
  --kcds-site-material-background-79:#fffdf4e8;
  --kcds-site-material-background-80:#f1f1f0;
  --kcds-site-material-color-47:#633190;
  --kcds-site-material-color-48:#555e64;
  --kcds-site-material-color-49:#d66417;
  --kcds-site-material-box-shadow-17:#64281818;
  --kcds-site-material-box-shadow-18:#1567d21c;
  --kcds-site-material-background-81:#2e286c;
  --kcds-site-material-background-82:#a097fb;
  --kcds-site-material-border-color-5:#d17b32;
  --kcds-site-material-border-12:#e4e7eb;
  --kcds-site-material-box-shadow-19:#243a5320;
  --kcds-site-material-box-shadow-20:#243a5310;
  --kcds-site-material-background-83:#f8f9fb;
  --kcds-site-material-color-50:#66717b;
  --kcds-site-material-color-51:#85929d;
  --kcds-site-material-color-52:#8d98a0;
  --kcds-site-material-color-53:#6a7882;
  --kcds-site-material-border-13:#e3e8eb;
  --kcds-site-material-color-54:#6d7b86;
  --kcds-site-material-border-14:#e4e8eb;
  --kcds-site-material-color-55:#82919c;
  --kcds-site-material-color-56:#687883;
  --kcds-site-material-color-57:#5e6b75;
  --kcds-site-material-background-84:#e9edf0;
  --kcds-site-material-box-shadow-21:#2c3e4620;
  --kcds-site-material-color-58:#8b3a10;
  --kcds-site-material-background-85:#fff7ec;
  --kcds-site-material-background-86:#f5f1fc;
  --kcds-site-material-background-87:#e5edfc;
  --kcds-site-material-color-59:#59626e;
  --kcds-site-material-background-88:#ffffffee;
  --kcds-site-material-box-shadow-22:#382f7625;
  --kcds-site-material-color-60:#7c8492;
  --kcds-site-material-border-15:#d9d9e4;
  --kcds-site-material-border-16:#dbd8ee;
  --kcds-site-material-color-61:#655b9c;
  --kcds-site-material-background-89:#eef5f1;
  --kcds-site-material-background-90:#ffffff80;
  --kcds-site-material-background-91:#e8eefb;
  --kcds-site-material-background-92:#f4e7de;
  --kcds-site-material-background-93:#e8dffe;
  --kcds-site-material-background-94:#e2efea;
  --kcds-site-material-border-17:#176a51;
  --kcds-site-material-outline-2:#63ad94;
  --kcds-site-material-background-95:#f0f0f1;
  --kcds-site-material-background-96:#fff0cc;
  --kcds-site-material-background-97:#22262b;
  --kcds-site-material-color-62:#ffad62;
  --kcds-site-material-border-top-4:#50545a;
  --kcds-site-material-color-63:#bbc0c7;
  --kcds-site-material-background-98:#f5eeea;
  --kcds-site-material-color-64:#3c332e;
  --kcds-site-material-background-99:#ffdfc2;
  --kcds-site-material-background-100:#edd8c9;
  --kcds-site-material-border-18:#9b8e83;
  --kcds-site-material-background-101:#f7eee7;
  --kcds-site-material-color-65:#4a3930;
  --kcds-site-material-background-102:#a74606;
  --kcds-site-material-background-103:#843800;
  --kcds-site-material-background-104:#fff9e9;
  --kcds-site-material-box-shadow-23:#7e35151c;
  --kcds-site-material-background-105:#fff8e7;
  --kcds-site-material-color-66:#272322;
  --kcds-site-material-color-67:#685a55;
  --kcds-site-material-background-106:#ffffffb0;
  --kcds-site-material-box-shadow-24:#5e342313;
  --kcds-site-material-border-bottom-2:#e8e6e4;
  --kcds-site-material-color-68:#6d6763;
  --kcds-site-material-color-69:#786f69;
  --kcds-site-material-background-107:#f5ede6;
  --kcds-site-material-box-shadow-25:#69533f0e;
  --kcds-site-material-background-108:#dce8d5;
  --kcds-site-material-background-109:#f3dccf;
  --kcds-site-material-color-70:#84370f;
  --kcds-site-material-background-110:#e4def3;
  --kcds-site-material-background-111:#63579e;
  --kcds-site-material-background-112:#afa2dc;
  --kcds-site-material-color-71:#302352;
  --kcds-site-material-background-113:#342351;
  --kcds-site-material-background-114:#e2ebf7;
  --kcds-site-material-background-115:#a4c5f1;
  --kcds-site-material-color-72:#174780;
  --kcds-site-material-background-116:#d7e8df;
  --kcds-site-material-background-117:#b7d8c7;
  --kcds-site-material-box-shadow-26:#075e4020;
  --kcds-site-material-background-118:#f3dbbd;
  --kcds-site-material-background-119:#fff3d7;
  --kcds-site-material-background-120:#fffaf2;
  --kcds-site-material-background-121:#bc6810;
  --kcds-site-material-background-122:#f6e5cc;
  --kcds-site-material-background-123:#dcd8f6;
  --kcds-site-material-background-124:#f4f0ff;
  --kcds-site-material-border-19:#bbb2dd;
  --kcds-site-material-background-125:#e9e1f7;
  --kcds-site-material-color-73:#332149;
  --kcds-site-material-color-74:#655472;
  --kcds-site-material-background-126:#604090;
  --kcds-site-material-fill-2:#7555ac;
  --kcds-site-material-border-20:#ae9cc8;
  --kcds-site-material-background-127:#efe6df;
  --kcds-site-material-box-shadow-27:#00000033;
  --kcds-site-material-background-128:#10131e70;
  --kcds-site-material-background-image-4:#8995a5;
  --kcds-site-material-background-129:#302822;
  --kcds-site-material-color-75:#e9d5c3;
  --kcds-site-material-background-130:#61432e;
  --kcds-site-material-background-131:#352b24;
  --kcds-site-material-color-76:#d9c4b4;
  --kcds-site-material-background-132:#342b26;
  --kcds-site-material-color-77:#c4b5a9;
  --kcds-site-material-background-133:#ffffffe0;
  --kcds-site-material-background-134:#ffffffed;
  --kcds-site-material-box-shadow-28:#1b27351a;
  --kcds-site-material-background-135:#d9dde5;
  --kcds-site-material-background-136:#f4f6f9;
  --kcds-site-material-color-78:#25282c;
  --kcds-site-material-color-79:#74818d;
  --kcds-site-material-border-21:#e1e5e9;
  --kcds-site-material-box-shadow-29:#2738490b;
  --kcds-site-material-color-80:#7b8790;
  --kcds-site-material-color-81:#697681;
  --kcds-site-material-background-137:#e9edf1;
  --kcds-site-material-color-82:#6d7982;
  --kcds-site-material-border-top-5:#dce1e7;
  --kcds-site-material-background-color-2:#171d24;
  --kcds-site-material-background-image-5:#333d48;
  --kcds-site-material-color-83:#eef2f6;
  --kcds-site-material-background-138:#242d37;
  --kcds-site-material-border-color-6:#3b4551;
  --kcds-site-material-box-shadow-30:#00000022;
  --kcds-site-material-color-84:#bdc6cf;
  --kcds-site-material-background-139:#44505b;
  --kcds-site-material-color-85:#81d0ad;
  --kcds-site-material-color-86:#ccd5df;
  --kcds-site-material-background-140:#f0e7df;
  --kcds-site-material-background-141:#332822;
  --kcds-site-ds-sidebar-background-6:#fff0e1;
  --kcds-site-ds-sidebar-color-3:#a14509;
  --kcds-site-ds-overview-hero-background-2:#fbf4ee;
  --kcds-site-ds-overview-hero-color-4:#2b241f;
  --kcds-site-ds-overview-hero-color-5:#6a5a4d;
  --kcds-site-ds-hero-actions-border-2:#d6c1b3;
  --kcds-site-ds-hero-actions-background-2:#24282d;
  --kcds-site-ds-card-colors-background-2:#f3e8e2;
  --kcds-site-ds-card-type-background-2:#e4e1f4;
  --kcds-site-ds-card-type-color-2:#4c416d;
  --kcds-site-ds-card-buttons-background-2:#e0ece5;
  --kcds-site-ds-card-ai-background-2:#eee2fb;
  --kcds-site-ds-card-icons-background-2:#fff1cf;
  --kcds-site-ds-card-icons-color-2:#7b5425;
  --kcds-site-ds-toast-background-2:#242a32;
  --kcds-site-ds-catalog-filters-background-6:#252a30;
  --kcds-site-ds-material-background-13:#f8f2ed;
  --kcds-site-ds-material-background-14:#f3e8de;
  --kcds-site-ds-material-background-15:#a34609;
  --kcds-site-ds-material-background-16:#ece1d7;
  --kcds-site-ds-material-background-17:#f6dac4;
  --kcds-site-ds-material-background-18:#f3e7dc;
  --kcds-site-ds-sidebar-background-7:#513727;
  --kcds-site-ds-sidebar-color-4:#ffc490;
  --kcds-site-ds-material-background-19:#1d252e;
  --kcds-site-ds-material-background-20:#283441;
  --kcds-site-ds-overview-hero-color-6:#786453;
  --kcds-site-dark-background-56:#1d222a;
  --kcds-site-dark-color-44:#d7dde6;
  --kcds-site-dark-border-right-2:#303844;
  --kcds-site-dark-background-57:#573d2c;
  --kcds-site-dark-color-45:#ffcca5;
  --kcds-site-dark-border-color-13:#596270;
  --kcds-site-dark-background-58:#29272a;
  --kcds-site-dark-color-46:#f7eee6;
  --kcds-site-dark-color-47:#c9b7aa;
  --kcds-site-dark-color-48:#d0c6bf;
  --kcds-site-dark-background-59:#ffbc89;
  --kcds-site-dark-color-49:#492305;
  --kcds-site-dark-background-60:#ffd1ae;
  --kcds-site-dark-background-61:#1b2028;
  --kcds-site-dark-background-62:#222831;
  --kcds-site-dark-color-50:#f0f2f5;
  --kcds-site-dark-color-51:#bbc4cf;
  --kcds-site-dark-background-63:#333e4b;
  --kcds-site-dark-border-8:#495768;
  --kcds-site-dark-color-52:#edf2f7;
  --kcds-site-dark-color-53:#f7ba8e;
  --kcds-site-dark-background-64:#242d38f5;
  --kcds-site-dark-color-54:#f1f4f7;
  --kcds-site-dark-border-9:#495463;
  --kcds-site-dark-box-shadow-3:#00000044;
  --kcds-site-dark-border-color-14:#404b58;
  --kcds-site-dark-background-65:#27303b;
  --kcds-site-dark-color-55:#b6c0cc;
  --kcds-site-dark-background-66:#44505e;
  --kcds-site-dark-background-67:#242d38;
  --kcds-site-dark-background-68:#27323f;
  --kcds-site-dark-border-10:#59697b;
  --kcds-site-dark-color-56:#f2f5fa;
  --kcds-site-dark-background-69:#252b34;
  --kcds-site-dark-border-11:#343d49;
  --kcds-site-dark-color-57:#b7c1ce;
  --kcds-site-dark-color-58:#d5dde7;
  --kcds-site-dark-background-70:#253b31;
  --kcds-site-dark-background-71:#4a3026;
  --kcds-site-dark-color-59:#ffc8a2;
  --kcds-site-dark-background-72:#332a4b;
  --kcds-site-dark-background-73:#233950;
  --kcds-site-dark-color-60:#b4d4fd;
  --kcds-site-dark-background-74:#243c32;
  --kcds-site-dark-background-75:#493726;
  --kcds-site-dark-background-76:#332d51;
  --kcds-site-dark-color-61:#533b19;
  --kcds-site-dark-color-62:#3c3328;
  --kcds-site-dark-background-77:#e4ddf4;
  --kcds-site-dark-color-63:#3a2a56;
  --kcds-site-dark-background-78:#1b2027;
  --kcds-site-dark-border-12:#3b4552;
  --kcds-site-dark-background-79:#1e252e;
  --kcds-site-dark-color-64:#c0b4a8;
  --kcds-site-dark-color-65:#e2e7ed;
  --kcds-site-dark-color-66:#b8c2ce;
  --kcds-site-dark-background-80:#302a43;
  --kcds-site-dark-color-67:#f3ebff;
  --kcds-site-dark-border-13:#4c4265;
  --kcds-site-dark-color-68:#c8bcd9;
  --kcds-site-dark-color-69:#c5b2e5;
  --kcds-site-dark-background-81:#cfb5ff;
  --kcds-site-dark-color-70:#322049;
  --kcds-site-dark-color-71:#b794ee;
  --kcds-site-dark-background-82:#443857;
  --kcds-site-dark-color-72:#f1e8ff;
  --kcds-site-dark-border-color-15:#78678f;
  --kcds-site-dark-color-73:#e1d5f1;
  --kcds-site-dark-background-83:#272f39;
  --kcds-site-dark-color-74:#e6ebf2;
  --kcds-site-dark-border-14:#3c4653;
  --kcds-site-dark-background-84:#2d2825;
  --kcds-site-dark-color-75:#ffdcc1;
  --kcds-site-dark-background-85:#322a25;
  --kcds-site-ds-material-background-21:#2a3039;
  --kcds-site-ds-material-color-10:#f0f3f7;
  --kcds-site-ds-material-color-11:#bdc7d2;
  --kcds-site-ds-material-color-12:#d3bba7;
  --kcds-site-ds-material-color-13:#e9e1db;
  --kcds-site-ds-material-border-color-2:#675647;
  --kcds-site-ds-material-background-22:#352e4b;
  --kcds-site-ds-material-color-14:#d4c6f8;
  --kcds-site-ds-material-background-23:#3d322b;
  --kcds-site-ds-material-background-24:#382b4b;
  --kcds-site-ds-material-color-15:#c9a5ff;
  --kcds-site-ds-material-background-25:#453a29;
  --kcds-site-ds-material-color-16:#edd29b;
  --kcds-site-material-box-shadow-31:#44201125;
  --kcds-site-material-color-87:#493f72;
  --kcds-site-material-background-142:#f3ede5;
  --kcds-site-material-background-143:#fffaf4;
  --kcds-site-material-background-144:#e4eddf;
  --kcds-site-material-background-145:#e8e2f4;
  --kcds-site-material-background-146:#e6eddf;
  --kcds-site-material-background-147:#ffffffb8;
  --kcds-site-dark-background-86:#292b2e;
  --kcds-site-dark-background-87:#353331;
  --kcds-site-dark-background-88:#2b3b32;
  --kcds-site-dark-background-89:#373149;
  --kcds-site-dark-background-90:#29372f;
  --kcds-site-dark-background-91:#39493f;
  --kcds-site-dark-color-76:#eef4ef;
  --kcds-site-dark-background-92:#43594b;
  --kcds-site-material-border-22:#d9ccc3;
  --kcds-site-material-background-148:#e9dfd7;
  --kcds-site-material-border-color-7:#b6a394;
  --kcds-site-material-background-149:#eae2dc;
  --kcds-site-material-background-150:#e9e0d8;
  --kcds-site-material-border-color-8:#cbb7a7;
  --kcds-site-material-color-88:#493a2e;
  --kcds-site-dark-border-color-16:#46505c;
  --kcds-site-dark-background-93:#303945;
  --kcds-site-dark-border-color-17:#667586;
  --kcds-site-dark-color-77:#f3f5f8;
  --kcds-site-system-catalog-box-shadow-2:#2021240c;
  --kcds-site-catalog-intro-color-2:#542d09;
  --kcds-site-catalog-mark-background-2:#ffac4a;
  --kcds-site-catalog-mark-color-2:#62320d;
  --kcds-site-catalog-card-color-2:#535c66;
  --kcds-site-catalog-color-background-2:#e8eefc;
  --kcds-site-catalog-type-background-2:#f5e7de;
  --kcds-site-catalog-ai-background-2:#e9e0ff;
  --kcds-site-catalog-access-background-2:#e1efea;
  --kcds-site-catalog-tokens-background-2:#edf0f3;
  --kcds-site-catalog-icons-background-2:#fff0c9;
  --kcds-site-catalog-swatches-color-2:#596577;
  --kcds-site-catalog-specimen-color-2:#785b4c;
  --kcds-site-catalog-chat-background-2:#ffffffbe;
  --kcds-site-catalog-chat-color-3:#6951b1;
  --kcds-site-catalog-chat-color-4:#342747;
  --kcds-site-catalog-controls-color-3:#496c5d;
  --kcds-site-catalog-controls-background-2:#08724c;
  --kcds-site-catalog-controls-color-4:#426454;
  --kcds-site-catalog-token-demo-color-2:#647181;
  --kcds-site-catalog-token-preview-color-2:#737d89;
  --kcds-site-catalog-icon-grid-background-2:#ffffff70;
  --kcds-site-material-background-151:#f4f1ed;
  --kcds-site-material-color-89:#292b30;
  --kcds-site-material-color-90:#25282e;
  --kcds-site-material-color-91:#61646b;
  --kcds-site-site-footer-color-2:#c24b16;
  --kcds-site-material-color-92:#666971;
  --kcds-site-material-border-top-6:#dcd8d3;
  --kcds-site-material-color-93:#76777d;
  --kcds-site-material-color-94:#56595e;
  --kcds-site-dark-background-94:#242930;
  --kcds-site-dark-color-78:#edf0f5;
  --kcds-site-dark-color-79:#b9c1cc;
  --kcds-site-dark-border-color-18:#424852;
  --kcds-site-dark-color-80:#a1aab7;
  --kcds-site-material-color-95:#635581;
  --kcds-site-material-background-152:#e6ded7;
  --kcds-site-material-background-153:#ebe4de;
  --kcds-site-dark-background-95:#343e49;
  --kcds-site-dark-background-96:#2c3540;
  --kcds-site-ds-card-background-2:#f5f2ed;
  --kcds-site-ds-catalog-search-border-2:#c5b8ad;
  --kcds-site-ds-catalog-search-box-shadow-2:#33231406;
  --kcds-site-ds-catalog-search-color-5:#3d3935;
  --kcds-site-ds-catalog-search-color-6:#77716b;
  --kcds-site-ds-catalog-filters-background-7:#38332f;
  --kcds-site-ds-catalog-filters-box-shadow-2:#00000011;
  --kcds-site-ds-catalog-filters-background-8:#ffffff90;
  --kcds-site-ds-catalog-group-border-color-2:#b9a38e;
  --kcds-site-ds-catalog-search-background-2:#29323d;
  --kcds-site-ds-catalog-search-border-color-2:#566575;
  --kcds-site-ds-catalog-search-color-7:#edf2f8;
  --kcds-site-ds-catalog-search-color-8:#b4bdc9;
  --kcds-site-ds-catalog-filters-background-9:#e3d6ca;
  --kcds-site-ds-catalog-filters-color:#30271f;
  --kcds-site-ds-catalog-filters-background-10:#ffffff12;
  --kcds-site-ds-system-facts-background-2:#c9b9a8;
  --kcds-site-material-background-154:#fffbf8;
  --kcds-site-dark-background-97:#171b20;
  --kcds-site-material-background-155:#f4f1ec;
  --kcds-site-footer-socials-background-2:#88888811;
  --kcds-site-material-border-23:#cec0e3;
  --kcds-site-material-background-156:#faf7ff;
  --kcds-site-material-color-96:#34244c;
  --kcds-site-material-box-shadow-32:#38245012;
  --kcds-site-ai-chat-status-background-2:#8060b6;
  --kcds-site-ai-chat-question-background-2:#e9dff7;
  --kcds-site-ai-chat-author-color-2:#725397;
  --kcds-site-ai-chat-suggestion-border-2:#d9cce8;
  --kcds-site-ai-chat-typing-background-2:#9879ba;
  --kcds-site-dark-background-98:#292334;
  --kcds-site-dark-border-color-19:#544562;
  --kcds-site-dark-color-81:#eee7f7;
  --kcds-site-dark-background-99:#443655;
  --kcds-site-dark-color-82:#c4a8e6;
  --kcds-site-dark-border-color-20:#594968;
  --kcds-site-dark-background-100:#20242a;
  --kcds-site-dark-color-83:#f1f2f4;
  --kcds-site-dark-background-101:#292e35;
  --kcds-site-dark-box-shadow-4:#ffffff09;
  --kcds-site-dark-color-84:#bcc2cb;
  --kcds-site-dark-color-85:#959eaa;
  --kcds-site-dark-background-102:#2a3038;
  --kcds-site-dark-border-color-21:#3b424c;
  --kcds-site-dark-color-86:#eef0f3;
  --kcds-site-dark-background-103:#343b45;
  --kcds-site-dark-border-color-22:#626b77;
  --kcds-site-dark-color-87:#ffac68;
  --kcds-site-ds-sidebar-background-8:#35414f;
  --kcds-site-ds-sidebar-background-9:#2b3541;
  --kcds-site-ds-sidebar-background-10:#3d4a59;
  --kcds-site-material-background-157:#ae9ddc;
  --kcds-site-dark-background-104:#887bac;
  --kcds-site-news-feature-background-3:#f3c39d;
  --kcds-site-news-feature-copy-background-2:#24272c;
  --kcds-site-news-feature-copy-color-2:#f5f5f7;
  --kcds-site-news-kind-color-2:#9e450c;
  --kcds-site-news-feature-color-3:#ffb77c;
  --kcds-site-news-feature-color-4:#c9cdd3;
  --kcds-site-news-item-background-5:#f2ece6;
  --kcds-site-news-item-background-6:#eae1d8;
  --kcds-site-dark-background-105:#252a31;
  --kcds-site-dark-background-106:#2e3540;
  --kcds-site-news-item-background-7:#f4eee8;
  --kcds-site-foundation-deck-card-background-4:#f3ece5;
  --kcds-site-foundation-deck-card-border-2:#ded5cc;
  --kcds-site-dark-background-107:#252b33;
  --kcds-site-dark-border-color-23:#46505d;
  --kcds-site-ai-chat-composer-border-2:#d7c9e8;
  --kcds-site-ai-chat-composer-background-2:#ffffff88;
  --kcds-site-ai-send-icon-background-2:#7955aa;
  --kcds-site-ai-chat-demo-background-2:#a486cd;
  --kcds-site-dark-background-108:#ffffff05;
  --kcds-site-foundation-deck-card-background-5:#202328d9;
  --kcds-site-material-border-right:#e7dcd2;
  --kcds-site-dark-border-color-24:#35404d;
  --kcds-site-news-feature-background-4:#efe0cf;
  --kcds-site-news-item-background-8:#eee2d3;
  --kcds-site-foundation-deck-card-background-6:#faf7f2;
  --kcds-site-surface-background:#fffcfa;
  --kcds-site-search-field-border-2:#d8cbbf;
  --kcds-site-search-results-background-2:#f0e8e0;
  --kcds-site-dark-background-109:#20262e;
  --kcds-site-dark-border-color-25:#414b58;
  --kcds-site-dark-background-110:#20262d;
  --kcds-site-suite-picker-trigger-outline-2:#ff7900;
  --kcds-site-suite-picker-options-background-3:#ff79001a;
  --kcds-site-suite-picker-options-background-4:#ffe1c7;
  --kcds-site-suite-picker-options-color-2:#a33e00;
  --kcds-site-suite-picker-options-background-5:#ff790029;
  --kcds-site-suite-picker-options-color-3:#ffb77a;
  --kcds-site-dark-background-111:#272e38;
  --kcds-site-mobile-nav-dialog-background-2:#11182066;
  --kcds-site-mobile-nav-dialog-background-3:#ff881a25;
  --kcds-site-mobile-nav-dialog-color-2:#bc4b00;
  --kcds-site-dark-background-112:#ff881a26;
  --kcds-site-dark-color-88:#ffc18b;
  --kcds-site-dark-color-89:#a34300;
  --kcds-site-dark-background-113:#252e38;
  --kcds-site-dark-color-90:#c3cdd8;
  --kcds-site-dark-background-114:#465363;
  --kcds-site-dark-background-115:#303b48;
  --kcds-site-ds-card-background-3:#222a33;
  --kcds-site-ds-material-color-17:#292320;
  --kcds-site-ds-material-background-26:#ffbd8c;
  --kcds-site-ds-material-color-18:#352315;
  --kcds-site-dark-color-91:#a0a8b0;
}
/* KCDS primitives, semantic themes and site geometry. Single token source. */
:root {
  --kcds-orange-50:#FFF1E4;
  --kcds-orange-100:#FFE5CD;
  --kcds-orange-200:#FFD4AD;
  --kcds-orange-300:#FFBF83;
  --kcds-orange-400:#FFA551;
  --kcds-orange-500:#FF881A;
  --kcds-orange-600:#FF6F00;
  --kcds-orange-700:#C75F00;
  --kcds-vermilion-50:#FAE8E3;
  --kcds-vermilion-100:#F6D5CB;
  --kcds-vermilion-200:#F0BAAA;
  --kcds-vermilion-300:#E99780;
  --kcds-vermilion-400:#E06D4C;
  --kcds-vermilion-500:#D63F13;
  --kcds-vermilion-600:#B63610;
  --kcds-vermilion-700:#9A2D0E;
  --kcds-blue-50:#E3EDFA;
  --kcds-blue-100:#CCDEF5;
  --kcds-blue-200:#ABC8EF;
  --kcds-blue-300:#81ADE7;
  --kcds-blue-400:#4D8BDD;
  --kcds-blue-500:#1567D2;
  --kcds-blue-600:#1258B2;
  --kcds-blue-700:#0F4A97;
  --kcds-emerald-50:#E2F0EB;
  --kcds-emerald-100:#C9E4DA;
  --kcds-emerald-200:#A7D3C3;
  --kcds-emerald-300:#7BBDA5;
  --kcds-emerald-400:#45A280;
  --kcds-emerald-500:#0A8558;
  --kcds-emerald-600:#08714B;
  --kcds-emerald-700:#07603F;
  --kcds-periwinkle-50:#EDECFE;
  --kcds-periwinkle-100:#DEDBFD;
  --kcds-periwinkle-200:#C9C5FC;
  --kcds-periwinkle-300:#AFA8FB;
  --kcds-periwinkle-400:#8E84FA;
  --kcds-periwinkle-500:#6A5DF8;
  --kcds-periwinkle-600:#5A4FD3;
  --kcds-periwinkle-700:#4C43B3;
  --kcds-gray-0:#FFFFFF;
  --kcds-gray-50:#F8F8F7;
  --kcds-gray-100:#F3F7F9;
  --kcds-gray-200:#EAEFF3;
  --kcds-gray-300:#EAEAEA;
  --kcds-gray-400:#CCD5DD;
  --kcds-gray-500:#9A9A9A;
  --kcds-gray-600:#74838A;
  --kcds-gray-700:#404A4F;
  --kcds-gray-800:#3F454A;
  --kcds-gray-900:#2C3E46;
  --kcds-gray-950:#1F2023;
  --kcds-green-50:#ECFFEF;
  --kcds-green-500:#35C04C;
  --kcds-green-700:#00A01A;
  --kcds-red-50:#FFF0F0;
  --kcds-red-500:#F03E3E;
  --kcds-red-600:#D43333;
  --kcds-violet-50:#EDDFFF;
  --kcds-violet-500:#8543DA;
  --kcds-yellow-500:#FDCA16;
  --kcds-bronze-500:#EA9F59;
  --kcds-slate-50:#F1F5F9;
  --kcds-slate-100:#E2E8F0;
  --kcds-slate-500:#475569;
  --kcds-slate-700:#334155;
  --kcds-darkgray-canvas:           #0F1419;
  --kcds-darkgray-surface:          #181D22;
  --kcds-darkgray-elevated:         #21272D;
  --kcds-darkgray-subtle:           #1C2228;
  --kcds-darkgray-border:           #2A3038;
  --kcds-darkgray-border-default:   #3A424B;
  --kcds-darkgray-border-strong:    #525C66;
  --kcds-color-primary:        var(--kcds-orange-500);
  --kcds-color-primary-hover:  var(--kcds-orange-600);
  --kcds-color-primary-active: var(--kcds-orange-700);
  --kcds-color-primary-fill:   var(--kcds-orange-100);
  --kcds-color-primary-tint:   var(--kcds-orange-50);
  --kcds-color-on-primary:     var(--kcds-gray-0);
  --kcds-color-on-primary-tint:var(--kcds-orange-700);
  --kcds-color-accent-50:  var(--kcds-orange-50);
  --kcds-color-accent-100: var(--kcds-orange-100);
  --kcds-color-accent-200: var(--kcds-orange-200);
  --kcds-color-accent-300: var(--kcds-orange-300);
  --kcds-color-accent-400: var(--kcds-orange-400);
  --kcds-color-accent-500: var(--kcds-orange-500);
  --kcds-color-accent-600: var(--kcds-orange-600);
  --kcds-color-accent-700: var(--kcds-orange-700);
  --kcds-color-text-primary:   var(--kcds-gray-950);
  --kcds-color-text-secondary: #737373;
  --kcds-color-text-tertiary:  #5E6970;
  --kcds-color-text-disabled:  var(--kcds-gray-400);
  --kcds-color-text-link:      var(--kcds-orange-500);
  --kcds-color-surface-default:var(--kcds-gray-0);
  --kcds-color-surface-canvas: var(--kcds-gray-100);
  --kcds-color-surface-subtle: var(--kcds-gray-100);
  --kcds-color-surface-hover:  var(--kcds-gray-200);
  --kcds-color-surface-elevated:var(--kcds-gray-0);
  --kcds-color-surface-dark:   var(--kcds-gray-950);
  --kcds-color-track-bg:       var(--kcds-gray-200);
  --kcds-color-border-default: var(--kcds-gray-400);
  --kcds-color-border-subtle:  var(--kcds-gray-200);
  --kcds-color-border-strong:  var(--kcds-gray-600);
  --kcds-color-border-focus:   var(--kcds-orange-500);
  --kcds-color-status-success:          var(--kcds-green-700);
  --kcds-color-status-success-bg:       var(--kcds-green-50);
  --kcds-color-status-success-fill:     var(--kcds-green-500);
  --kcds-color-status-success-border:   #A6DEAF;
  --kcds-color-status-success-on-tint:  #008616;
  --kcds-color-status-error:            var(--kcds-red-500);
  --kcds-color-status-error-bg:         var(--kcds-red-50);
  --kcds-color-status-error-fill:       var(--kcds-red-500);
  --kcds-color-status-error-border:     #FABBBB;
  --kcds-color-status-error-on-tint:    #DB1111;
  --kcds-color-status-warning:          var(--kcds-orange-500);
  --kcds-color-status-warning-bg:       var(--kcds-orange-50);
  --kcds-color-status-warning-fill:     var(--kcds-yellow-500);
  --kcds-color-status-warning-border:   #FFCFA3;
  --kcds-color-status-warning-on-tint:  #AE5400;
  --kcds-color-status-info:             var(--kcds-blue-500);
  --kcds-color-status-info-bg:          var(--kcds-blue-50);
  --kcds-color-status-info-border:      #B7DCFF;
  --kcds-color-status-info-on-tint:     var(--kcds-blue-500);
  --kcds-color-status-featured:         var(--kcds-violet-500);
  --kcds-color-status-featured-bg:      var(--kcds-violet-50);
  --kcds-color-status-featured-border:  #D4BDF2;
  --kcds-color-status-featured-on-tint: #823FD9;
  --kcds-color-status-neutral:          var(--kcds-gray-600);
  --kcds-color-status-neutral-bg:       var(--kcds-gray-100);
  --kcds-color-status-neutral-border:   var(--kcds-gray-400);
  --kcds-color-status-neutral-on-tint:  #667379;
  --kcds-color-severity-1: var(--kcds-blue-500);
  --kcds-color-severity-1-bg:#E8F0FA;
  --kcds-color-severity-1-on-tint: var(--kcds-blue-500);
  --kcds-color-severity-2: var(--kcds-green-500);
  --kcds-color-severity-2-bg:#EBF9ED;
  --kcds-color-severity-2-on-tint:#238033;
  --kcds-color-severity-3: var(--kcds-yellow-500);
  --kcds-color-severity-3-bg:#FFFAE8;
  --kcds-color-severity-3-on-tint:#8D6E01;
  --kcds-color-severity-4: var(--kcds-orange-500);
  --kcds-color-severity-4-bg:#FFF3E8;
  --kcds-color-severity-4-on-tint:#B35600;
  --kcds-color-severity-5: var(--kcds-red-500);
  --kcds-color-severity-5-bg:#FEECEC;
  --kcds-color-severity-5-on-tint:#D61111;
  --kcds-color-sensitivity-public:                 var(--kcds-gray-500);
  --kcds-color-sensitivity-public-bg:              #F5F5F5;
  --kcds-color-sensitivity-public-on-tint:         #6F6F6F;
  --kcds-color-sensitivity-internal:               var(--kcds-blue-500);
  --kcds-color-sensitivity-internal-bg:            #E8F0FA;
  --kcds-color-sensitivity-internal-on-tint:       var(--kcds-blue-500);
  --kcds-color-sensitivity-confidential:           var(--kcds-orange-500);
  --kcds-color-sensitivity-confidential-bg:        #FFF3E8;
  --kcds-color-sensitivity-confidential-on-tint:   #B35600;
  --kcds-color-sensitivity-highly-sensitive:       var(--kcds-red-500);
  --kcds-color-sensitivity-highly-sensitive-bg:    #FEECEC;
  --kcds-color-sensitivity-highly-sensitive-on-tint:#D61111;
  --kcds-color-ai-suggestion:  var(--kcds-violet-500);
  --kcds-color-ai-bg:          var(--kcds-violet-50);
  --kcds-color-ai-border:      rgba(133, 67, 218, 0.25);
  --kcds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  --kcds-text-display:80px;
  --kcds-text-h1:32px;
  --kcds-text-h2:24px;
  --kcds-text-h3:20px;
  --kcds-text-h4:18px;
  --kcds-text-h5:16px;
  --kcds-text-body-l:18px;
  --kcds-text-body-m:16px;
  --kcds-text-body-s:14px;
  --kcds-text-caption:12px;
  --kcds-text-label:11px;
  --kcds-spacing-0:0px;
  --kcds-spacing-2:2px;
  --kcds-spacing-4:4px;
  --kcds-spacing-8:8px;
  --kcds-spacing-12:12px;
  --kcds-spacing-16:16px;
  --kcds-spacing-20:20px;
  --kcds-spacing-24:24px;
  --kcds-spacing-32:32px;
  --kcds-spacing-40:40px;
  --kcds-spacing-48:48px;
  --kcds-spacing-64:64px;
  --kcds-spacing-80:80px;
  --kcds-spacing-128:128px;
  --kcds-radius-0:0px;
  --kcds-radius-2:2px;
  --kcds-radius-4:4px;
  --kcds-radius-8:8px;
  --kcds-radius-12:12px;
  --kcds-radius-16:16px;
  --kcds-radius-20:20px;
  --kcds-radius-24:24px;
  --kcds-radius-32:32px;
  --kcds-radius-full:9999px;
  --kcds-radius-md: var(--kcds-radius-8);
  --kcds-shadow-sm: 0 1px 2px rgba(31,32,35,.04), 0 1px 3px rgba(31,32,35,.06);
  --kcds-shadow-md: 0 4px 8px rgba(31,32,35,.06), 0 2px 4px rgba(31,32,35,.04);
  --kcds-shadow-lg: 0 12px 24px rgba(31,32,35,.08), 0 4px 8px rgba(31,32,35,.04);
  --kcds-duration-instant:    0ms;
  --kcds-duration-fast:       100ms;
  --kcds-duration-default:    200ms;
  --kcds-duration-slow:       300ms;
  --kcds-duration-deliberate: 500ms;
  --kcds-ease-out:    cubic-bezier(0.0, 0.0, 0.2, 1);
  --kcds-ease-in:     cubic-bezier(0.4, 0.0, 1.0, 1);
  --kcds-ease-in-out: cubic-bezier(0.4, 0.0, 0.2, 1);
  --kcds-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --kcds-icon-xs: 12px;
  --kcds-icon-sm: 16px;
  --kcds-icon-md: 20px;
  --kcds-icon-lg: 24px;
  --kcds-icon-xl: 32px;
  --kcds-button-height-sm: 48px;
  --kcds-button-height-md: 56px;
  --kcds-button-height-lg: 64px;
  --kcds-input-height-sm:  48px;
  --kcds-input-height-md:  52px;
  --kcds-input-height-lg:  56px;
  --kcds-density-button-height: var(--kcds-button-height-md);
  --kcds-density-input-height:  var(--kcds-input-height-md);
  --kcds-density-text-base:   16px;
  --kcds-density-gap:         16px;
  --doc-mono: 'JetBrains Mono','SFMono-Regular','Menlo','Monaco','Consolas',monospace;
}
[data-kcds-product-category="learn"] {
  --kcds-color-primary:        var(--kcds-vermilion-500);
  --kcds-color-primary-hover:  var(--kcds-vermilion-600);
  --kcds-color-primary-active: var(--kcds-vermilion-700);
  --kcds-color-primary-fill:   var(--kcds-vermilion-100);
  --kcds-color-primary-tint:   var(--kcds-vermilion-50);
  --kcds-color-accent-50:  var(--kcds-vermilion-50);
  --kcds-color-accent-100: var(--kcds-vermilion-100);
  --kcds-color-accent-200: var(--kcds-vermilion-200);
  --kcds-color-accent-300: var(--kcds-vermilion-300);
  --kcds-color-accent-400: var(--kcds-vermilion-400);
  --kcds-color-accent-500: var(--kcds-vermilion-500);
  --kcds-color-accent-600: var(--kcds-vermilion-600);
  --kcds-color-accent-700: var(--kcds-vermilion-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:var(--kcds-vermilion-700);
  --kcds-color-text-link:      var(--kcds-vermilion-500);
  --kcds-color-border-focus:   var(--kcds-vermilion-500);
}
[data-kcds-product-category="comply"] {
  --kcds-color-primary:        var(--kcds-blue-500);
  --kcds-color-primary-hover:  var(--kcds-blue-600);
  --kcds-color-primary-active: var(--kcds-blue-700);
  --kcds-color-primary-fill:   var(--kcds-blue-100);
  --kcds-color-primary-tint:   var(--kcds-blue-50);
  --kcds-color-accent-50:  var(--kcds-blue-50);
  --kcds-color-accent-100: var(--kcds-blue-100);
  --kcds-color-accent-200: var(--kcds-blue-200);
  --kcds-color-accent-300: var(--kcds-blue-300);
  --kcds-color-accent-400: var(--kcds-blue-400);
  --kcds-color-accent-500: var(--kcds-blue-500);
  --kcds-color-accent-600: var(--kcds-blue-600);
  --kcds-color-accent-700: var(--kcds-blue-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:var(--kcds-blue-700);
  --kcds-color-text-link:      var(--kcds-blue-500);
  --kcds-color-border-focus:   var(--kcds-blue-500);
}
[data-kcds-product-category="grow"] {
  --kcds-color-primary:        var(--kcds-emerald-500);
  --kcds-color-primary-hover:  var(--kcds-emerald-600);
  --kcds-color-primary-active: var(--kcds-emerald-700);
  --kcds-color-primary-fill:   var(--kcds-emerald-100);
  --kcds-color-primary-tint:   var(--kcds-emerald-50);
  --kcds-color-accent-50:  var(--kcds-emerald-50);
  --kcds-color-accent-100: var(--kcds-emerald-100);
  --kcds-color-accent-200: var(--kcds-emerald-200);
  --kcds-color-accent-300: var(--kcds-emerald-300);
  --kcds-color-accent-400: var(--kcds-emerald-400);
  --kcds-color-accent-500: var(--kcds-emerald-500);
  --kcds-color-accent-600: var(--kcds-emerald-600);
  --kcds-color-accent-700: var(--kcds-emerald-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:var(--kcds-emerald-700);
  --kcds-color-text-link:      var(--kcds-emerald-500);
  --kcds-color-border-focus:   var(--kcds-emerald-500);
}
[data-kcds-product-category="hire"] {
  --kcds-color-primary:        var(--kcds-periwinkle-500);
  --kcds-color-primary-hover:  var(--kcds-periwinkle-600);
  --kcds-color-primary-active: var(--kcds-periwinkle-700);
  --kcds-color-primary-fill:   var(--kcds-periwinkle-100);
  --kcds-color-primary-tint:   var(--kcds-periwinkle-50);
  --kcds-color-accent-50:  var(--kcds-periwinkle-50);
  --kcds-color-accent-100: var(--kcds-periwinkle-100);
  --kcds-color-accent-200: var(--kcds-periwinkle-200);
  --kcds-color-accent-300: var(--kcds-periwinkle-300);
  --kcds-color-accent-400: var(--kcds-periwinkle-400);
  --kcds-color-accent-500: var(--kcds-periwinkle-500);
  --kcds-color-accent-600: var(--kcds-periwinkle-600);
  --kcds-color-accent-700: var(--kcds-periwinkle-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:var(--kcds-periwinkle-700);
  --kcds-color-text-link:      var(--kcds-periwinkle-500);
  --kcds-color-border-focus:   var(--kcds-periwinkle-500);
}
[data-kcds-product-category="internal"] {
  --kcds-color-primary:        var(--kcds-orange-500);
  --kcds-color-primary-hover:  var(--kcds-orange-600);
  --kcds-color-primary-active: var(--kcds-orange-700);
  --kcds-color-primary-fill:   var(--kcds-orange-100);
  --kcds-color-primary-tint:   var(--kcds-orange-50);
  --kcds-color-accent-50:  var(--kcds-orange-50);
  --kcds-color-accent-100: var(--kcds-orange-100);
  --kcds-color-accent-200: var(--kcds-orange-200);
  --kcds-color-accent-300: var(--kcds-orange-300);
  --kcds-color-accent-400: var(--kcds-orange-400);
  --kcds-color-accent-500: var(--kcds-orange-500);
  --kcds-color-accent-600: var(--kcds-orange-600);
  --kcds-color-accent-700: var(--kcds-orange-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:var(--kcds-orange-700);
  --kcds-color-text-link:      var(--kcds-orange-700);
  --kcds-color-border-focus:   var(--kcds-orange-500);
}
[data-kcds-product-category=""] {
  --kcds-color-primary:        var(--kcds-orange-500);
  --kcds-color-primary-hover:  var(--kcds-orange-600);
  --kcds-color-primary-active: var(--kcds-orange-700);
  --kcds-color-primary-fill:   var(--kcds-orange-100);
  --kcds-color-primary-tint:   var(--kcds-orange-50);
  --kcds-color-accent-50:  var(--kcds-orange-50);
  --kcds-color-accent-100: var(--kcds-orange-100);
  --kcds-color-accent-200: var(--kcds-orange-200);
  --kcds-color-accent-300: var(--kcds-orange-300);
  --kcds-color-accent-400: var(--kcds-orange-400);
  --kcds-color-accent-500: var(--kcds-orange-500);
  --kcds-color-accent-600: var(--kcds-orange-600);
  --kcds-color-accent-700: var(--kcds-orange-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:var(--kcds-orange-700);
  --kcds-color-text-link:      var(--kcds-orange-700);
  --kcds-color-border-focus:   var(--kcds-orange-500);
}
[data-kcds-theme="dark"] {
  --kcds-color-surface-default: var(--kcds-darkgray-surface);
  --kcds-color-surface-canvas:  var(--kcds-darkgray-canvas);
  --kcds-color-surface-subtle:  var(--kcds-darkgray-subtle);
  --kcds-color-surface-hover:   #262D34;
  --kcds-color-surface-elevated:var(--kcds-darkgray-elevated);
  --kcds-color-surface-dark:    var(--kcds-darkgray-elevated);
  --kcds-color-track-bg:        #3A424B;
  --kcds-color-text-primary:    #E8EAED;
  --kcds-color-text-secondary:  #A0A8B0;
  --kcds-color-text-tertiary:   #74808A;
  --kcds-color-text-disabled:   #525C66;
  --kcds-color-border-default:  var(--kcds-darkgray-border-default);
  --kcds-color-border-subtle:   var(--kcds-darkgray-border);
  --kcds-color-border-strong:   var(--kcds-darkgray-border-strong);
  --kcds-color-status-success:          #4ADE80;
  --kcds-color-status-success-bg:       rgba(53, 192, 76, 0.15);
  --kcds-color-status-success-fill:     var(--kcds-green-500);
  --kcds-color-status-success-border:   #2C6A48;
  --kcds-color-status-success-on-tint:  #4ADE80;
  --kcds-color-status-error:            #F87171;
  --kcds-color-status-error-bg:         rgba(240, 62, 62, 0.15);
  --kcds-color-status-error-fill:       var(--kcds-red-500);
  --kcds-color-status-error-border:     #723F42;
  --kcds-color-status-error-on-tint:    #F87171;
  --kcds-color-status-warning:          #FBBF24;
  --kcds-color-status-warning-bg:       rgba(255, 136, 26, 0.15);
  --kcds-color-status-warning-fill:     var(--kcds-yellow-500);
  --kcds-color-status-warning-border:   #735E23;
  --kcds-color-status-warning-on-tint:  #FBBF24;
  --kcds-color-status-info:             #60A5FA;
  --kcds-color-status-info-bg:          rgba(21, 103, 210, 0.15);
  --kcds-color-status-info-border:      #355378;
  --kcds-color-status-info-on-tint:     #60A5FA;
  --kcds-color-status-featured:         #A78BFA;
  --kcds-color-status-featured-bg:      rgba(133, 67, 218, 0.18);
  --kcds-color-status-featured-border:  #514978;
  --kcds-color-status-featured-on-tint: #A78BFA;
  --kcds-color-status-neutral:          #A0A8B0;
  --kcds-color-status-neutral-bg:       rgba(160, 168, 176, 0.12);
  --kcds-color-status-neutral-border:   var(--kcds-darkgray-border-default);
  --kcds-color-status-neutral-on-tint:  #A0A8B0;
  --kcds-color-severity-1:#60A5FA;
  --kcds-color-severity-1-bg:rgba(96,165,250,.15);
  --kcds-color-severity-1-on-tint:#60A5FA;
  --kcds-color-severity-2:#4ADE80;
  --kcds-color-severity-2-bg:rgba(74,222,128,.15);
  --kcds-color-severity-2-on-tint:#4ADE80;
  --kcds-color-severity-3:#FBBF24;
  --kcds-color-severity-3-bg:rgba(251,191,36,.15);
  --kcds-color-severity-3-on-tint:#FBBF24;
  --kcds-color-severity-4:#FB923C;
  --kcds-color-severity-4-bg:rgba(251,146,60,.15);
  --kcds-color-severity-4-on-tint:#FB923C;
  --kcds-color-severity-5:#F87171;
  --kcds-color-severity-5-bg:rgba(248,113,113,.15);
  --kcds-color-severity-5-on-tint:#F87171;
  --kcds-color-sensitivity-public:                 #A0A8B0;
  --kcds-color-sensitivity-public-bg:              rgba(160, 168, 176, 0.15);
  --kcds-color-sensitivity-public-on-tint:         #A0A8B0;
  --kcds-color-sensitivity-internal:               #60A5FA;
  --kcds-color-sensitivity-internal-bg:            rgba(96, 165, 250, 0.15);
  --kcds-color-sensitivity-internal-on-tint:       #60A5FA;
  --kcds-color-sensitivity-confidential:           #FB923C;
  --kcds-color-sensitivity-confidential-bg:        rgba(251, 146, 60, 0.15);
  --kcds-color-sensitivity-confidential-on-tint:   #FB923C;
  --kcds-color-sensitivity-highly-sensitive:       #F87171;
  --kcds-color-sensitivity-highly-sensitive-bg:    rgba(248, 113, 113, 0.15);
  --kcds-color-sensitivity-highly-sensitive-on-tint:#F87171;
  --kcds-color-ai-suggestion:   #A78BFA;
  --kcds-color-ai-bg:           rgba(133, 67, 218, 0.20);
  --kcds-color-ai-border:       rgba(167, 139, 250, 0.30);
}
[data-kcds-theme="dark"]:not([data-kcds-product-category]) {
  --kcds-color-primary:        #FF881A;
  --kcds-color-primary-hover:  #FF9D40;
  --kcds-color-primary-active: #E0780F;
  --kcds-color-primary-fill:   rgba(255, 136, 26, 0.18);
  --kcds-color-primary-tint:   rgba(255, 136, 26, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:#FFB060;
  --kcds-color-text-link:      #FFB060;
  --kcds-color-border-focus:   #FF881A;
}
[data-kcds-theme="dark"][data-kcds-product-category="learn"] {
  --kcds-color-primary:        #D63F13;
  --kcds-color-primary-hover:  #DB5227;
  --kcds-color-primary-active: #B63610;
  --kcds-color-primary-fill:   rgba(214, 63, 19, 0.20);
  --kcds-color-primary-tint:   rgba(214, 63, 19, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:#E99780;
  --kcds-color-text-link:      #E99780;
  --kcds-color-border-focus:   #D63F13;
}
[data-kcds-theme="dark"][data-kcds-product-category="comply"] {
  --kcds-color-primary:        #1567D2;
  --kcds-color-primary-hover:  #2C77D7;
  --kcds-color-primary-active: #1258B2;
  --kcds-color-primary-fill:   rgba(21, 103, 210, 0.20);
  --kcds-color-primary-tint:   rgba(21, 103, 210, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:#81ADE7;
  --kcds-color-text-link:      #81ADE7;
  --kcds-color-border-focus:   #1567D2;
}
[data-kcds-theme="dark"][data-kcds-product-category="grow"] {
  --kcds-color-primary:        #0A8558;
  --kcds-color-primary-hover:  #229169;
  --kcds-color-primary-active: #08714B;
  --kcds-color-primary-fill:   rgba(10, 133, 88, 0.20);
  --kcds-color-primary-tint:   rgba(10, 133, 88, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:#7BBDA5;
  --kcds-color-text-link:      #7BBDA5;
  --kcds-color-border-focus:   #0A8558;
}
[data-kcds-theme="dark"][data-kcds-product-category="hire"] {
  --kcds-color-primary:        #6A5DF8;
  --kcds-color-primary-hover:  #796DF9;
  --kcds-color-primary-active: #5A4FD3;
  --kcds-color-primary-fill:   rgba(106, 93, 248, 0.20);
  --kcds-color-primary-tint:   rgba(106, 93, 248, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:#AFA8FB;
  --kcds-color-text-link:      #AFA8FB;
  --kcds-color-border-focus:   #6A5DF8;
}
[data-kcds-theme="dark"][data-kcds-product-category="internal"] {
  --kcds-color-primary:        #FF881A;
  --kcds-color-primary-hover:  #FF9D40;
  --kcds-color-primary-active: #E0780F;
  --kcds-color-primary-fill:   rgba(255, 136, 26, 0.18);
  --kcds-color-primary-tint:   rgba(255, 136, 26, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:#FFB060;
  --kcds-color-text-link:      #FFB060;
  --kcds-color-border-focus:   #FF881A;
}
[data-kcds-theme="dark"] [data-kcds-product-category=""] {
  --kcds-color-primary:        #FF881A;
  --kcds-color-primary-hover:  #FF9D40;
  --kcds-color-primary-active: #E0780F;
  --kcds-color-primary-fill:   rgba(255, 136, 26, 0.18);
  --kcds-color-primary-tint:   rgba(255, 136, 26, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint:#FFB060;
  --kcds-color-text-link:      #FFB060;
  --kcds-color-border-focus:   #FF881A;
}
.density--compact,
    [data-kcds-density="compact"] {
  --kcds-button-height-sm: 28px;
  --kcds-button-height-md: 32px;
  --kcds-button-height-lg: 40px;
  --kcds-input-height-sm:  28px;
  --kcds-input-height-md:  32px;
  --kcds-input-height-lg:  40px;
  --kcds-density-text-base: 14px;
  --kcds-density-gap:       12px;
}
.choice {
  --tile-accent: var(--kcds-color-primary);
  --tile-tint:   var(--kcds-color-primary-tint);
  --tile-on:     var(--kcds-color-on-primary-tint);
}
.choice[data-level="high"] {
  --tile-accent: var(--kcds-color-status-error);
  --tile-tint: var(--kcds-color-status-error-bg);
  --tile-on: var(--kcds-color-status-error-on-tint);
}
.choice[data-level="medium"] {
  --tile-accent: var(--kcds-color-status-warning);
  --tile-tint: var(--kcds-color-status-warning-bg);
  --tile-on: var(--kcds-color-status-warning-on-tint);
}
.choice[data-level="low"] {
  --tile-accent: var(--kcds-color-status-success);
  --tile-tint: var(--kcds-color-status-success-bg);
  --tile-on: var(--kcds-color-status-success-on-tint);
}
html:has(body.material) {
  --kcds-color-text-primary:#202124;
  --kcds-color-surface-canvas:#fff;
  --kcds-color-surface-default:#f7f7f8;
  --kcds-color-border-subtle:#dedfe3;
  --kcds-color-text-secondary:#5c6169;
  --kcds-orange-500:#ff881a;
  --kcds-periwinkle-500:#6a5df8;
  --kcds-color-primary:#d63f13;
  --kcds-color-primary-tint:#fae8e3

}
:where(body.material) .cursor-learn {
  --cursor:#d63f13

}
:where(body.material) .cursor-hire {
  --cursor:#6a5df8

}
:where(body.material) .cursor-grow {
  --cursor:#0a8558

}
:where(body.material) .material {
  --kcds-color-surface-canvas:#fffbf8;
  --kcds-color-surface-default:#f4eae4;
  --kcds-color-border-subtle:#e5d5ca;
  --kcds-color-text-primary:#2c211b;
  --kcds-color-text-secondary:#6e6057

}
:where(body.material) .dark {
  --kcds-color-surface-canvas:#171b20;
  --kcds-color-surface-default:#20252d;
  --kcds-color-border-subtle:#39404a;
  --kcds-color-text-primary:#f2f3f4;
  --kcds-color-text-secondary:#b6bec7

}
:where(body.material) .dark.material {
  --kcds-color-surface-canvas:#211c19;
  --kcds-color-surface-default:#302722;
  --kcds-color-border-subtle:#504237;
  --kcds-color-text-primary:#f6e9df;
  --kcds-color-text-secondary:#c4b5a9

}
:where(body.material) .studio-canvas {
  --lab-accent:#d63f13;
  --lab-tint:#fae8e3;
  --duration:300ms

}
body.ds-material {
  --kcds-color-surface-canvas:#fff;
  --kcds-color-surface-default:#f7f8fa;
  --kcds-color-border-subtle:#e4e7eb;
  --kcds-color-text-primary:#20252b;
  --kcds-color-text-secondary:#697480;
  --kcds-color-text-link:#b94e09

}
body.ds-material {
  --kcds-color-surface-canvas:#fffcfa;
  --kcds-color-surface-default:#f5ede6;
  --kcds-color-border-subtle:#e7dcd2;
  --kcds-color-text-primary:#30271f;
  --kcds-color-text-secondary:#78695b

}
body[data-kcds-theme=dark] {
  --kcds-color-surface-canvas:#151b21;
  --kcds-color-surface-default:#222a33;
  --kcds-color-border-subtle:#35404d;
  --kcds-color-text-primary:#eef2f6;
  --kcds-color-text-secondary:#acb8c5;
  --kcds-color-text-link:#ffb675

}
.atlas {
  --section-radius:36px;
  --card-radius:28px;
  --section-gap:32px;
  --section-inset:28px

}
.dark .material {
  --kcds-color-surface-canvas:#171b20;
  --kcds-color-surface-default:#222831;
  --kcds-color-border-subtle:#3a414c;
  --kcds-color-text-primary:#f0f2f5;
  --kcds-color-text-secondary:#b7bec9

}
@media(max-width:760px) {
.atlas {
  --section-radius:26px;
  --card-radius:22px;
  --section-gap:20px;
  --section-inset:12px

}
}
.ds-material {
  --primary-rail-width:92px

}
@media(max-width:760px) {
.ds-material {
  --primary-rail-width:72px

}
}
.material .m-hero-art.entrance-item {
  --entrance-delay:150ms

}
@media(max-width:760px) {
.material .entrance-item {
  --entrance-delay:0ms!important

}
}
.material .m-main {
  --section-gap:80px;
  --card-gap:20px;
  --panel-inset:44px

}
@media(max-width:1100px) {
.material .m-main {
  --section-gap:64px;
  --panel-inset:32px

}
}
@media(max-width:760px) {
.material .m-main {
  --section-gap:48px;
  --card-gap:16px;
  --panel-inset:24px

}
}
:root {
  --scroll-thumb:#b8aaa0;
  --scroll-thumb-hover:#928174;
  --scroll-track:#eee7e180

}
:root.dark,body[data-kcds-theme=dark] {
  --scroll-thumb:#566271;
  --scroll-thumb-hover:#8391a3;
  --scroll-track:#20262d80

}
.material .m-product[aria-pressed=true]::before {
  --join-color:var(--kcds-color-primary-tint)

}
.dark .material .m-product[aria-pressed=true]::before {
  --join-color:color-mix(in srgb,var(--kcds-color-primary) 12%,#222831)

}
:root {
  --kcds-font-site:Lato,Arial,sans-serif;
  --kcds-text-body:16px;
  --kcds-text-site-label:14px;
  --kcds-text-site-meta:12px;
  --kcds-site-control-height:52px;
  --kcds-color-navigation-selected:#f6dac4;
  --kcds-color-navigation-on-selected:#a34300;
  --kcds-color-border-focus:#b94e09;
  --kcds-color-border-subtle:#e7dcd2
}
html.dark {
  --kcds-color-navigation-selected:#343e49;
  --kcds-color-navigation-on-selected:#f3f5f8;
  --kcds-color-border-focus:#ffbd8c;
  --kcds-color-border-subtle:#35404d

}
@media(max-width:760px) {
:root {
  --kcds-site-control-height:52px

}
}
:root {
  --kcds-font-site:Manrope,Lato,Arial,sans-serif;
  --kcds-font-specimen:Lato,Arial,sans-serif;
  --kcds-text-site-label:14px;
  --kcds-text-site-meta:12px

}


/* Each product tab owns its category; only the detail panel follows selection. */
.material .m-product[data-suite="0"],.material .m-product-detail[data-active-suite="0"] {
  --kcds-color-primary:var(--kcds-vermilion-500);
  --kcds-color-primary-tint:var(--kcds-vermilion-50);
  --kcds-site-category-ink:var(--kcds-vermilion-600);
}
.material .m-product[data-suite="1"],.material .m-product-detail[data-active-suite="1"] {
  --kcds-color-primary:var(--kcds-blue-500);
  --kcds-color-primary-tint:var(--kcds-blue-50);
  --kcds-site-category-ink:var(--kcds-blue-600);
}
.material .m-product[data-suite="2"],.material .m-product-detail[data-active-suite="2"] {
  --kcds-color-primary:var(--kcds-emerald-500);
  --kcds-color-primary-tint:var(--kcds-emerald-50);
  --kcds-site-category-ink:var(--kcds-emerald-600);
}
.material .m-product[data-suite="3"],.material .m-product-detail[data-active-suite="3"] {
  --kcds-color-primary:var(--kcds-periwinkle-500);
  --kcds-color-primary-tint:var(--kcds-periwinkle-50);
  --kcds-site-category-ink:var(--kcds-periwinkle-600);
}

.ds-material { --kcds-doc-gutter:32px; }
@media(max-width:760px) { .ds-material { --kcds-doc-gutter:20px; } }
.dark .material .m-product[data-suite="0"],.dark .material .m-product-detail[data-active-suite="0"]{--kcds-site-category-ink:var(--kcds-vermilion-200)}
.dark .material .m-product[data-suite="1"],.dark .material .m-product-detail[data-active-suite="1"]{--kcds-site-category-ink:var(--kcds-blue-200)}
.dark .material .m-product[data-suite="2"],.dark .material .m-product-detail[data-active-suite="2"]{--kcds-site-category-ink:var(--kcds-emerald-200)}
.dark .material .m-product[data-suite="3"],.dark .material .m-product-detail[data-active-suite="3"]{--kcds-site-category-ink:var(--kcds-periwinkle-200)}
.studio-canvas{--kcds-site-preview-muted:#59636d;--kcds-site-preview-ink:#202b35}
.studio-canvas.is-dark{--kcds-site-preview-muted:#b9c4cf;--kcds-site-preview-ink:#eef2f6}

:root { --kcds-color-on-swatch-dark:#000;--kcds-color-status-success-text:#08714b; }
body.ds-material:not([data-kcds-theme="dark"]) {
 --kcds-color-text-secondary:#65574c;--kcds-color-text-tertiary:#4e5962;
}
body.ds-material[data-kcds-theme="dark"] {
 --kcds-color-text-secondary:#b9c4cf;--kcds-color-text-tertiary:#aab6c2;--kcds-color-status-success-text:#4ade80;
}
body.ds-material { --kcds-color-status-error-fill:var(--kcds-red-600); }
body.ds-material:not([data-kcds-product-category]),body.ds-material[data-kcds-product-category="internal"] { --kcds-color-on-primary:var(--kcds-gray-900); }
body.ds-material:not([data-kcds-theme="dark"])[data-kcds-product-category="learn"] { --kcds-color-text-link:var(--kcds-vermilion-600); }
body.ds-material:not([data-kcds-theme="dark"])[data-kcds-product-category="comply"] { --kcds-color-text-link:var(--kcds-blue-600); }
body.ds-material:not([data-kcds-theme="dark"])[data-kcds-product-category="grow"] { --kcds-color-text-link:var(--kcds-emerald-600); }
body.ds-material:not([data-kcds-theme="dark"])[data-kcds-product-category="hire"] { --kcds-color-text-link:var(--kcds-periwinkle-600); }
body.ds-material[data-kcds-product-category="learn"] { --kcds-color-primary-hover:var(--kcds-vermilion-600); }
body.ds-material[data-kcds-product-category="comply"] { --kcds-color-primary-hover:var(--kcds-blue-600); }
body.ds-material[data-kcds-product-category="grow"] { --kcds-color-primary-hover:var(--kcds-emerald-600); }
body.ds-material[data-kcds-product-category="hire"] { --kcds-color-primary-hover:var(--kcds-periwinkle-600); }
body.ds-material:not([data-kcds-theme="dark"]) { --kcds-color-status-error-on-tint:#b82020; }
/* BEGIN CANONICAL SPECIMEN TOKENS */
/* KCDS tokens — VALUES ARE CANONICAL IN 01-foundations/tokens.json.
   This file is VERIFIED against it, not generated from it: its structural blocks
   (dark #doc-content, data-kcds-product-category remaps) are authored. Change a value in
   tokens.json first, mirror it here, then run:
       python3 01-foundations/build-tokens.py --check
   Hand-editing a value here without updating tokens.json is prohibited (ADR 028). */

/* KCDS tokens — generated by build-tokens.py. Do not edit by hand. */
/* Product-category accents — 4-suite model (Learn=vermilion, Comply=blue, Grow=emerald,
   Hire=periwinkle). Hire is added in v1.15.0 by ADR 035: periwinkle #6A5DF8, ramp 50–700,
   carrying KC Recruit, KC Onboard (moved from Comply) and KC Talent (moved from Grow).
   The DRI's initial #7961FF measured 4.23:1 with white and was corrected to #6A5DF8 before
   release (H 249→245, S 100→92) — the same pre-release move ADR 032 made for Grow. ADR 035
   supersedes ADR 014's removal of the indigo lane; periwinkle sits 21° from AI-violet
   #8543DA, separated by role (F-068) and recorded there as an open risk.
   The values below otherwise follow ADR 032.
   v1.13.0 re-colours every suite accent: Learn moves off the master brand orange to
   vermilion #D63F13 (the ADR 012 white-on-orange exception no longer applies to a suite —
   orange stays only for the logo mark, the legacy #doc-content chain and status-warning);
   Comply moves from teal #0A7A7A to blue #1567D2 (the blue ramp is re-keyed around it;
   teal is retired as a KCDS token); Grow moves from blue #006CD0 to emerald #0A8558.
   Light: primary = ramp-500, hover = 600, active = 700, fill = 100, tint = 50. Dark: primary
   holds the 500 (already reads on the dark surface), link/on-tint use the 300 tint.
   Grow primary is the deepened #0A8558 (DRI decision, was #0C9D68 at 3.48:1) so every suite
   clears AA with white on-primary (4.59 / 5.38 / 4.66 / 4.63). The Platform/cyan lane (ADR 013)
   remains removed; the Thrive/indigo suite removal (ADR 014) is superseded by ADR 035 — the
   lane returns under a different name, hue and product set, and `perform` is NOT revived as a
   category value. Internal/admin tools carry the KC master orange #FF881A (ADR 033, supersedes ADR 015). */

#doc-content {
  --kcds-orange-50: #FFF1E4;
  --kcds-orange-100: #FFE5CD;
  --kcds-orange-200: #FFD4AD;
  --kcds-orange-300: #FFBF83;
  --kcds-orange-400: #FFA551;
  --kcds-orange-500: #FF881A;
  --kcds-orange-600: #FF6F00;
  --kcds-orange-700: #C75F00;
  --kcds-vermilion-50: #FAE8E3;
  --kcds-vermilion-100: #F6D5CB;
  --kcds-vermilion-200: #F0BAAA;
  --kcds-vermilion-300: #E99780;
  --kcds-vermilion-400: #E06D4C;
  --kcds-vermilion-500: #D63F13;
  --kcds-vermilion-600: #B63610;
  --kcds-vermilion-700: #9A2D0E;
  --kcds-gray-0: #FFFFFF;
  --kcds-gray-50: #F8F8F7;
  --kcds-gray-100: #F3F7F9;
  --kcds-gray-200: #EAEFF3;
  --kcds-gray-300: #EAEAEA;
  --kcds-gray-400: #CCD5DD;
  --kcds-gray-500: #9A9A9A;
  --kcds-gray-600: #74838A;
  --kcds-gray-700: #404A4F;
  --kcds-gray-800: #3F454A;
  --kcds-gray-900: #2C3E46;
  --kcds-gray-950: #1F2023;
  --kcds-green-50: #ECFFEF;
  --kcds-green-500: #35C04C;
  --kcds-green-700: #00A01A;
  --kcds-emerald-50: #E2F0EB;
  --kcds-emerald-100: #C9E4DA;
  --kcds-emerald-200: #A7D3C3;
  --kcds-emerald-300: #7BBDA5;
  --kcds-emerald-400: #45A280;
  --kcds-emerald-500: #0A8558;
  --kcds-emerald-600: #08714B;
  --kcds-emerald-700: #07603F;
  --kcds-periwinkle-50: #EDECFE;
  --kcds-periwinkle-100: #DEDBFD;
  --kcds-periwinkle-200: #C9C5FC;
  --kcds-periwinkle-300: #AFA8FB;
  --kcds-periwinkle-400: #8E84FA;
  --kcds-periwinkle-500: #6A5DF8;
  --kcds-periwinkle-600: #5A4FD3;
  --kcds-periwinkle-700: #4C43B3;
  --kcds-red-50: #FFF0F0;
  --kcds-red-500: #F03E3E;
  --kcds-red-600: #D43333;
  --kcds-blue-50: #E3EDFA;
  --kcds-blue-100: #CCDEF5;
  --kcds-blue-200: #ABC8EF;
  --kcds-blue-300: #81ADE7;
  --kcds-blue-400: #4D8BDD;
  --kcds-blue-500: #1567D2;
  --kcds-blue-600: #1258B2;
  --kcds-blue-700: #0F4A97;
  --kcds-violet-50: #EDDFFF;
  --kcds-violet-500: #8543DA;
  --kcds-yellow-500: #FDCA16;
  --kcds-bronze-500: #EA9F59;
  --kcds-slate-50: #F1F5F9;
  --kcds-slate-100: #E2E8F0;
  --kcds-slate-500: #475569;
  --kcds-slate-700: #334155;
  --kcds-darkgray-canvas: #0F1419;
  --kcds-darkgray-surface: #181D22;
  --kcds-darkgray-elevated: #21272D;
  --kcds-darkgray-subtle: #1C2228;
  --kcds-darkgray-border: #2A3038;
  --kcds-darkgray-border-default: #3A424B;
  --kcds-darkgray-border-strong: #525C66;
  --kcds-color-primary: var(--kcds-orange-500);
  --kcds-color-primary-hover: var(--kcds-orange-600);
  --kcds-color-primary-active: var(--kcds-orange-700);
  --kcds-color-primary-fill: var(--kcds-orange-100);
  --kcds-color-primary-tint: var(--kcds-orange-50);
  --kcds-color-accent-50: var(--kcds-orange-50);
  --kcds-color-accent-100: var(--kcds-orange-100);
  --kcds-color-accent-200: var(--kcds-orange-200);
  --kcds-color-accent-300: var(--kcds-orange-300);
  --kcds-color-accent-400: var(--kcds-orange-400);
  --kcds-color-accent-500: var(--kcds-orange-500);
  --kcds-color-accent-600: var(--kcds-orange-600);
  --kcds-color-accent-700: var(--kcds-orange-700);
  --kcds-color-on-primary: var(--kcds-gray-0);
  --kcds-color-on-primary-tint: var(--kcds-orange-700);
  --kcds-color-text-primary: var(--kcds-gray-950);
  --kcds-color-text-secondary: #696969;
  --kcds-color-text-tertiary: #5E6970;
  --kcds-color-text-disabled: var(--kcds-gray-400);
  --kcds-color-text-link: var(--kcds-orange-700);
  --kcds-color-text-accent: var(--kcds-orange-700);
  --kcds-color-surface-default: var(--kcds-gray-0);
  --kcds-color-surface-canvas: var(--kcds-gray-100);
  --kcds-color-surface-subtle: var(--kcds-gray-100);
  --kcds-color-surface-hover: var(--kcds-gray-200);
  --kcds-color-surface-elevated: var(--kcds-gray-0);
  --kcds-color-surface-dark: var(--kcds-gray-950);
  --kcds-color-track-bg: var(--kcds-gray-200);
  --kcds-color-border-default: var(--kcds-gray-400);
  --kcds-color-border-subtle: var(--kcds-gray-200);
  --kcds-color-border-strong: var(--kcds-gray-600);
  --kcds-color-border-focus: var(--kcds-orange-500);
  --kcds-color-status-success: #007C14;
  --kcds-color-status-success-bg: var(--kcds-green-50);
  --kcds-color-status-success-fill: var(--kcds-green-500);
  --kcds-color-status-success-border: #A6DEAF;
  --kcds-color-status-error: #D11010;
  --kcds-color-status-error-bg: var(--kcds-red-50);
  --kcds-color-status-error-fill: var(--kcds-red-500);
  --kcds-color-status-error-border: #FABBBB;
  --kcds-color-status-warning: #A95100;
  --kcds-color-status-warning-bg: var(--kcds-orange-50);
  --kcds-color-status-warning-fill: var(--kcds-yellow-500);
  --kcds-color-status-warning-border: #FFCFA3;
  --kcds-color-status-info: var(--kcds-blue-500);
  --kcds-color-status-info-bg: var(--kcds-blue-50);
  --kcds-color-status-info-border: #B7DCFF;
  --kcds-color-status-featured: var(--kcds-violet-500);
  --kcds-color-status-featured-bg: var(--kcds-violet-50);
  --kcds-color-status-featured-border: #D4BDF2;
  --kcds-color-status-neutral: #5F6B71;
  --kcds-color-status-neutral-bg: var(--kcds-gray-100);
  --kcds-color-status-neutral-border: var(--kcds-gray-400);
  --kcds-color-status-success-on-tint: #008616;
  --kcds-color-status-error-on-tint: #DB1111;
  --kcds-color-status-warning-on-tint: #AE5400;
  --kcds-color-status-info-on-tint: var(--kcds-blue-500);
  --kcds-color-status-featured-on-tint: #823FD9;
  --kcds-color-status-neutral-on-tint: #667379;
  --kcds-color-severity-1: var(--kcds-blue-500);
  --kcds-color-severity-1-bg: #E8F0FA;
  --kcds-color-severity-1-on-tint: var(--kcds-blue-500);
  --kcds-color-severity-2: var(--kcds-green-500);
  --kcds-color-severity-2-bg: #EBF9ED;
  --kcds-color-severity-2-on-tint: #238033;
  --kcds-color-severity-3: var(--kcds-yellow-500);
  --kcds-color-severity-3-bg: #FFFAE8;
  --kcds-color-severity-3-on-tint: #8D6E01;
  --kcds-color-severity-4: var(--kcds-orange-500);
  --kcds-color-severity-4-bg: #FFF3E8;
  --kcds-color-severity-4-on-tint: #B35600;
  --kcds-color-severity-5: var(--kcds-red-500);
  --kcds-color-severity-5-bg: #FEECEC;
  --kcds-color-severity-5-on-tint: #D61111;
  --kcds-color-sensitivity-public: var(--kcds-gray-500);
  --kcds-color-sensitivity-public-bg: #F5F5F5;
  --kcds-color-sensitivity-public-on-tint: #6F6F6F;
  --kcds-color-sensitivity-internal: var(--kcds-blue-500);
  --kcds-color-sensitivity-internal-bg: #E8F0FA;
  --kcds-color-sensitivity-internal-on-tint: var(--kcds-blue-500);
  --kcds-color-sensitivity-confidential: var(--kcds-orange-500);
  --kcds-color-sensitivity-confidential-bg: #FFF3E8;
  --kcds-color-sensitivity-confidential-on-tint: #B35600;
  --kcds-color-sensitivity-highly-sensitive: var(--kcds-red-500);
  --kcds-color-sensitivity-highly-sensitive-bg: #FEECEC;
  --kcds-color-sensitivity-highly-sensitive-on-tint: #D61111;
  --kcds-color-ai-suggestion: var(--kcds-violet-500);
  --kcds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  --kcds-text-display: 80px;
  --kcds-text-h1: 32px;
  --kcds-text-h2: 24px;
  --kcds-text-h3: 20px;
  --kcds-text-h4: 18px;
  --kcds-text-h5: 16px;
  --kcds-text-body-l: 18px;
  --kcds-text-body-m: 16px;
  --kcds-text-body-s: 14px;
  --kcds-text-caption: 12px;
  --kcds-text-label: 11px;
  --kcds-spacing-0: 0px;
  --kcds-spacing-2: 2px;
  --kcds-spacing-4: 4px;
  --kcds-spacing-8: 8px;
  --kcds-spacing-12: 12px;
  --kcds-spacing-16: 16px;
  --kcds-spacing-20: 20px;
  --kcds-spacing-24: 24px;
  --kcds-spacing-32: 32px;
  --kcds-spacing-40: 40px;
  --kcds-spacing-48: 48px;
  --kcds-spacing-64: 64px;
  --kcds-spacing-80: 80px;
  --kcds-spacing-128: 128px;
  --kcds-radius-0: 0px;
  --kcds-radius-2: 2px;
  --kcds-radius-4: 4px;
  --kcds-radius-8: 8px;
  --kcds-radius-12: 12px;
  --kcds-radius-16: 16px;
  --kcds-radius-20: 20px;
  --kcds-radius-24: 24px;
  --kcds-radius-32: 32px;
  --kcds-radius-full: 9999px;
  --kcds-radius-md: var(--kcds-radius-8);
  --kcds-shadow-sm: 0 1px 2px rgba(31,32,35,.04), 0 1px 3px rgba(31,32,35,.06);
  --kcds-shadow-md: 0 4px 8px rgba(31,32,35,.06), 0 2px 4px rgba(31,32,35,.04);
  --kcds-shadow-lg: 0 12px 24px rgba(31,32,35,.08), 0 4px 8px rgba(31,32,35,.04);
}

#doc-content[data-kcds-product-category="learn"] {
  /* Learn suite = vermilion #D63F13 (ADR 032, v1.13.0). Learn no longer rides the master
     brand orange: white-on-primary 4.59:1, on-tint (700 on 50)
     6.43:1 — all clear AA; text-link/text-accent #C33911 (ADR 036) clears 4.5:1 on every light plane,
     worst 4.53:1 on the vermilion-50 canvas-warm (the 500 as text was 4.25:1 on the cool canvas), so the ADR 012 exception is retired for Learn. Orange stays
     for the logo mark, the legacy #doc-content chain and status-warning; warnings in Learn are
     no longer the same hue as the accent. */
  --kcds-color-primary:        var(--kcds-vermilion-500);
  --kcds-color-primary-hover:  var(--kcds-vermilion-600);
  --kcds-color-primary-active: var(--kcds-vermilion-700);
  --kcds-color-primary-fill:   var(--kcds-vermilion-100);
  --kcds-color-primary-tint:   var(--kcds-vermilion-50);
  --kcds-color-accent-50: var(--kcds-vermilion-50);
  --kcds-color-accent-100: var(--kcds-vermilion-100);
  --kcds-color-accent-200: var(--kcds-vermilion-200);
  --kcds-color-accent-300: var(--kcds-vermilion-300);
  --kcds-color-accent-400: var(--kcds-vermilion-400);
  --kcds-color-accent-500: var(--kcds-vermilion-500);
  --kcds-color-accent-600: var(--kcds-vermilion-600);
  --kcds-color-accent-700: var(--kcds-vermilion-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-vermilion-700);
  --kcds-color-text-link:      #C33911;
  --kcds-color-text-accent:    #C33911;
  --kcds-color-border-focus:   var(--kcds-vermilion-500);
}

#doc-content[data-kcds-product-category="comply"] {
  /* Comply suite = blue #1567D2 (ADR 032, v1.13.0; was teal #0A7A7A — teal retired).
     The blue ramp is re-keyed around blue-500 = #1567D2. White-on-primary 5.38:1,
     on-tint 7.26:1; text-link/text-accent stay blue-500 — worst 4.55:1 on blue-50 canvas-warm, so no
     re-derivation was needed (ADR 036). Known collision: status-info also resolves to
     blue-500 — info is differentiated by context, a separate info hue is a follow-up. */
  --kcds-color-primary:        var(--kcds-blue-500);
  --kcds-color-primary-hover:  var(--kcds-blue-600);
  --kcds-color-primary-active: var(--kcds-blue-700);
  --kcds-color-primary-fill:   var(--kcds-blue-100);
  --kcds-color-primary-tint:   var(--kcds-blue-50);
  --kcds-color-accent-50: var(--kcds-blue-50);
  --kcds-color-accent-100: var(--kcds-blue-100);
  --kcds-color-accent-200: var(--kcds-blue-200);
  --kcds-color-accent-300: var(--kcds-blue-300);
  --kcds-color-accent-400: var(--kcds-blue-400);
  --kcds-color-accent-500: var(--kcds-blue-500);
  --kcds-color-accent-600: var(--kcds-blue-600);
  --kcds-color-accent-700: var(--kcds-blue-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-blue-700);
  --kcds-color-text-link:      var(--kcds-blue-500);
  --kcds-color-text-accent:    var(--kcds-blue-500);
  --kcds-color-border-focus:   var(--kcds-blue-500);
}

#doc-content[data-kcds-product-category="grow"] {
  /* Grow suite = emerald #0A8558 (ADR 032, v1.13.0; was blue #006CD0). The DRI deepened the
     initial #0C9D68 (white 3.48:1) to #0A8558: white-on-primary 4.66:1,
     on-tint (700 on 50) 6.50:1 — all AA; text-link/text-accent #09774F (ADR 036), worst 4.76:1 — the
     500 as text was 4.32:1 on the cool canvas. Grow green is not status-success green — F-068. */
  --kcds-color-primary:        var(--kcds-emerald-500);
  --kcds-color-primary-hover:  var(--kcds-emerald-600);
  --kcds-color-primary-active: var(--kcds-emerald-700);
  --kcds-color-primary-fill:   var(--kcds-emerald-100);
  --kcds-color-primary-tint:   var(--kcds-emerald-50);
  --kcds-color-accent-50: var(--kcds-emerald-50);
  --kcds-color-accent-100: var(--kcds-emerald-100);
  --kcds-color-accent-200: var(--kcds-emerald-200);
  --kcds-color-accent-300: var(--kcds-emerald-300);
  --kcds-color-accent-400: var(--kcds-emerald-400);
  --kcds-color-accent-500: var(--kcds-emerald-500);
  --kcds-color-accent-600: var(--kcds-emerald-600);
  --kcds-color-accent-700: var(--kcds-emerald-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-emerald-700);
  --kcds-color-text-link:      #09774F;
  --kcds-color-text-accent:    #09774F;
  --kcds-color-border-focus:   var(--kcds-emerald-500);
}

#doc-content[data-kcds-product-category="hire"] {
  /* Hire suite = periwinkle #6A5DF8 (ADR 035, v1.15.0). KC Recruit (new), KC Onboard (moved
     from Comply) and KC Talent (moved from Grow). White-on-primary 4.63:1, on-tint (700 on 50)
     6.53:1 — all AA, no exception carried; text-link/text-accent #5D4EF7 (ADR 036), worst 4.63:1 — the
     500 as text was 4.30:1 on the cool canvas. The DRI's initial
     #7961FF measured 4.23:1 and was corrected before release. Periwinkle is 21° from
     AI-violet #8543DA: an AI marker inside a Hire surface is separated by role and by its
     own badge treatment, never by hue alone — F-068, and see the ADR 035 open risk. */
  --kcds-color-primary:        var(--kcds-periwinkle-500);
  --kcds-color-primary-hover:  var(--kcds-periwinkle-600);
  --kcds-color-primary-active: var(--kcds-periwinkle-700);
  --kcds-color-primary-fill:   var(--kcds-periwinkle-100);
  --kcds-color-primary-tint:   var(--kcds-periwinkle-50);
  --kcds-color-accent-50: var(--kcds-periwinkle-50);
  --kcds-color-accent-100: var(--kcds-periwinkle-100);
  --kcds-color-accent-200: var(--kcds-periwinkle-200);
  --kcds-color-accent-300: var(--kcds-periwinkle-300);
  --kcds-color-accent-400: var(--kcds-periwinkle-400);
  --kcds-color-accent-500: var(--kcds-periwinkle-500);
  --kcds-color-accent-600: var(--kcds-periwinkle-600);
  --kcds-color-accent-700: var(--kcds-periwinkle-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-periwinkle-700);
  --kcds-color-text-link:      #5D4EF7;
  --kcds-color-text-accent:    #5D4EF7;
  --kcds-color-border-focus:   var(--kcds-periwinkle-500);
}

/* NOTE: the Thrive/indigo suite was removed in ADR 014 and the `perform` category value stays
   retired. ADR 035 does NOT revive it: Hire is a new category value with its own hue and its
   own product set. KC Performance remains Grow (emerald); KC Talent moved to Hire. */

#doc-content[data-kcds-product-category="internal"] {
  /* Internal / admin & infrastructure tools = KC master orange #FF881A (ADR 033, supersedes
     ADR 015's neutral-gray chrome). KC User Directory, KC Admin Tools, KC USMP, Integrations,
     Communications. Not a suite — orange is the corporate colour, so internal tools read as
     "KC itself". Same chain as the legacy #doc-content default. White on-primary (2.39:1) and
     orange-700 links and accent text (4.15:1 on white, 3.58:1 on hover) are the documented ADR 012
     exception, now covering legacy AND internal — the one named exception in the ADR 036 plane gate. Status-warning is also orange: differentiate warnings by icon + leading-stripe.
     Status, severity, sensitivity and AI-violet are unaffected. */
  --kcds-color-primary:        var(--kcds-orange-500);
  --kcds-color-primary-hover:  var(--kcds-orange-600);
  --kcds-color-primary-active: var(--kcds-orange-700);
  --kcds-color-primary-fill:   var(--kcds-orange-100);
  --kcds-color-primary-tint:   var(--kcds-orange-50);
  --kcds-color-accent-50: var(--kcds-orange-50);
  --kcds-color-accent-100: var(--kcds-orange-100);
  --kcds-color-accent-200: var(--kcds-orange-200);
  --kcds-color-accent-300: var(--kcds-orange-300);
  --kcds-color-accent-400: var(--kcds-orange-400);
  --kcds-color-accent-500: var(--kcds-orange-500);
  --kcds-color-accent-600: var(--kcds-orange-600);
  --kcds-color-accent-700: var(--kcds-orange-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-orange-700);
  --kcds-color-text-link:      var(--kcds-orange-700);
  --kcds-color-text-accent:    var(--kcds-orange-700);
  --kcds-color-border-focus:   var(--kcds-orange-500);
}

#doc-content[data-kcds-theme="dark"] {
  --kcds-color-surface-default: var(--kcds-darkgray-surface);
  --kcds-color-surface-canvas: var(--kcds-darkgray-canvas);
  --kcds-color-surface-subtle: var(--kcds-darkgray-subtle);
  --kcds-color-surface-hover: #262D34;
  --kcds-color-surface-elevated: var(--kcds-darkgray-elevated);
  --kcds-color-surface-dark: var(--kcds-darkgray-elevated);
  --kcds-color-track-bg: #3A424B;
  --kcds-color-text-primary: #E8EAED;
  --kcds-color-text-secondary: #A0A8B0;
  --kcds-color-text-tertiary: #8A949D;
  --kcds-color-text-disabled: #525C66;
  --kcds-color-border-default: var(--kcds-darkgray-border-default);
  --kcds-color-border-subtle: var(--kcds-darkgray-border);
  --kcds-color-border-strong: var(--kcds-darkgray-border-strong);
  --kcds-color-status-success: #4ADE80;
  --kcds-color-status-success-bg: rgba(53, 192, 76, 0.15);
  --kcds-color-status-success-fill: var(--kcds-green-500);
  --kcds-color-status-success-border: #2C6A48;
  --kcds-color-status-error: #F87171;
  --kcds-color-status-error-bg: rgba(240, 62, 62, 0.15);
  --kcds-color-status-error-fill: var(--kcds-red-500);
  --kcds-color-status-error-border: #723F42;
  --kcds-color-status-warning: #FBBF24;
  --kcds-color-status-warning-bg: rgba(255, 136, 26, 0.15);
  --kcds-color-status-warning-fill: var(--kcds-yellow-500);
  --kcds-color-status-warning-border: #735E23;
  --kcds-color-status-info: #60A5FA;
  --kcds-color-status-info-bg: rgba(21, 103, 210, 0.15);
  --kcds-color-status-info-border: #355378;
  --kcds-color-status-featured: #A78BFA;
  --kcds-color-status-featured-bg: rgba(133, 67, 218, 0.18);
  --kcds-color-status-featured-border: #514978;
  --kcds-color-status-neutral: #A0A8B0;
  --kcds-color-status-neutral-bg: rgba(160, 168, 176, 0.12);
  --kcds-color-status-neutral-border: var(--kcds-darkgray-border-default);
  --kcds-color-status-success-on-tint: #4ADE80;
  --kcds-color-status-error-on-tint: #F87171;
  --kcds-color-status-warning-on-tint: #FBBF24;
  --kcds-color-status-info-on-tint: #60A5FA;
  --kcds-color-status-featured-on-tint: #A78BFA;
  --kcds-color-status-neutral-on-tint: #A0A8B0;
  --kcds-color-severity-1: #60A5FA;
  --kcds-color-severity-1-bg: rgba(96, 165, 250, 0.15);
  --kcds-color-severity-1-on-tint: #60A5FA;
  --kcds-color-severity-2: #4ADE80;
  --kcds-color-severity-2-bg: rgba(74, 222, 128, 0.15);
  --kcds-color-severity-2-on-tint: #4ADE80;
  --kcds-color-severity-3: #FBBF24;
  --kcds-color-severity-3-bg: rgba(251, 191, 36, 0.15);
  --kcds-color-severity-3-on-tint: #FBBF24;
  --kcds-color-severity-4: #FB923C;
  --kcds-color-severity-4-bg: rgba(251, 146, 60, 0.15);
  --kcds-color-severity-4-on-tint: #FB923C;
  --kcds-color-severity-5: #F87171;
  --kcds-color-severity-5-bg: rgba(248, 113, 113, 0.15);
  --kcds-color-severity-5-on-tint: #F87171;
  --kcds-color-sensitivity-public: #A0A8B0;
  --kcds-color-sensitivity-public-bg: rgba(160, 168, 176, 0.15);
  --kcds-color-sensitivity-public-on-tint: #A0A8B0;
  --kcds-color-sensitivity-internal: #60A5FA;
  --kcds-color-sensitivity-internal-bg: rgba(96, 165, 250, 0.15);
  --kcds-color-sensitivity-internal-on-tint: #60A5FA;
  --kcds-color-sensitivity-confidential: #FB923C;
  --kcds-color-sensitivity-confidential-bg: rgba(251, 146, 60, 0.15);
  --kcds-color-sensitivity-confidential-on-tint: #FB923C;
  --kcds-color-sensitivity-highly-sensitive: #F87171;
  --kcds-color-sensitivity-highly-sensitive-bg: rgba(248, 113, 113, 0.15);
  --kcds-color-sensitivity-highly-sensitive-on-tint: #F87171;
  --kcds-color-ai-suggestion: #A78BFA;
  --kcds-color-primary: #FF881A;
  --kcds-color-primary-hover: #FF9D40;
  --kcds-color-primary-active: #E0780F;
  --kcds-color-primary-fill: rgba(255, 136, 26, 0.18);
  --kcds-color-primary-tint: rgba(255, 136, 26, 0.10);
  --kcds-color-on-primary: #FFFFFF;   /* white on master orange — accepted WCAG AA exception (2.39:1); brand orange kept, dark text rejected as off-brand (PD-278 rev) */
  --kcds-color-on-primary-tint: #FFB060;
  --kcds-color-text-link: #FFB060;
  --kcds-color-text-accent: #FFB060;
  --kcds-color-border-focus: #FF881A;
  --kcds-green-50: rgba(53, 192, 76, 0.15);
  --kcds-red-50: rgba(240, 62, 62, 0.15);
  --kcds-blue-50: rgba(21, 103, 210, 0.15);
  --kcds-violet-50: rgba(133, 67, 218, 0.18);
}

#doc-content[data-kcds-theme="dark"][data-kcds-product-category="learn"] {
  /* Learn dark = vermilion (ADR 032). Primary holds the 500 — 3.70:1 on the #181D22 surface, white 4.59:1; link/on-tint = vermilion-300 (7.44:1 on the surface, 6.92:1 on the 10% tint, 6.23:1 on the 20% fill). */
  --kcds-color-primary:        #D63F13;
  --kcds-color-primary-hover:  #DB5227;
  --kcds-color-primary-active: #B63610;
  --kcds-color-primary-fill:   rgba(214, 63, 19, 0.20);
  --kcds-color-primary-tint:   rgba(214, 63, 19, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #E99780;
  --kcds-color-text-link:      #E99780;
  --kcds-color-text-accent:    #E99780;
  --kcds-color-border-focus:   #D63F13;
}

#doc-content[data-kcds-theme="dark"][data-kcds-product-category="comply"] {
  /* Comply dark = blue (ADR 032). Primary holds the 500 — 3.15:1 on the #181D22 surface (clears the 3:1 UI floor), white 5.38:1; link/on-tint = blue-300 (7.32:1 on the surface, 6.76:1 on the 10% tint, 6.11:1 on the 20% fill). */
  --kcds-color-primary:        #1567D2;
  --kcds-color-primary-hover:  #2C77D7;
  --kcds-color-primary-active: #1258B2;
  --kcds-color-primary-fill:   rgba(21, 103, 210, 0.20);
  --kcds-color-primary-tint:   rgba(21, 103, 210, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #81ADE7;
  --kcds-color-text-link:      #81ADE7;
  --kcds-color-text-accent:    #81ADE7;
  --kcds-color-border-focus:   #1567D2;
}

#doc-content[data-kcds-theme="dark"][data-kcds-product-category="grow"] {
  /* Grow dark = emerald (ADR 032). Primary holds the 500 — 3.64:1 on the #181D22 surface, white 4.66:1; link/on-tint = emerald-300 (7.81:1 on the surface, 7.13:1 on the 10% tint, 6.33:1 on the 20% fill). */
  --kcds-color-primary:        #0A8558;
  --kcds-color-primary-hover:  #229169;
  --kcds-color-primary-active: #08714B;
  --kcds-color-primary-fill:   rgba(10, 133, 88, 0.20);
  --kcds-color-primary-tint:   rgba(10, 133, 88, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #7BBDA5;
  --kcds-color-text-link:      #7BBDA5;
  --kcds-color-text-accent:    #7BBDA5;
  --kcds-color-border-focus:   #0A8558;
}

#doc-content[data-kcds-theme="dark"][data-kcds-product-category="hire"] {
  /* Hire dark = periwinkle (ADR 035). Primary holds the 500 — 3.66:1 on the #181D22 surface, white 4.63:1; link/on-tint = periwinkle-300 (7.93:1 on the surface, 7.23:1 on the 10% tint, 6.42:1 on the 20% fill). */
  --kcds-color-primary:        #6A5DF8;
  --kcds-color-primary-hover:  #796DF9;
  --kcds-color-primary-active: #5A4FD3;
  --kcds-color-primary-fill:   rgba(106, 93, 248, 0.20);
  --kcds-color-primary-tint:   rgba(106, 93, 248, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #AFA8FB;
  --kcds-color-text-link:      #AFA8FB;
  --kcds-color-text-accent:    #AFA8FB;
  --kcds-color-border-focus:   #6A5DF8;
}

#doc-content[data-kcds-theme="dark"][data-kcds-product-category="internal"] {
  /* Internal dark = KC master orange, mirroring the legacy orange dark chain (ADR 033).
     on-primary WHITE — accepted AA exception (ADR 012, PD-278 rev). */
  --kcds-color-primary:        #FF881A;
  --kcds-color-primary-hover:  #FF9D40;
  --kcds-color-primary-active: #E0780F;
  --kcds-color-primary-fill:   rgba(255, 136, 26, 0.18);
  --kcds-color-primary-tint:   rgba(255, 136, 26, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #FFB060;
  --kcds-color-text-link:      #FFB060;
  --kcds-color-text-accent:    #FFB060;
  --kcds-color-border-focus:   #FF881A;
}


/* END CANONICAL SPECIMEN TOKENS */

/* Fixed-appearance teaching specimens */
#doc-content .fd-theme--light {
--kcds-orange-50: #FFF1E4;
--kcds-orange-100: #FFE5CD;
--kcds-orange-200: #FFD4AD;
--kcds-orange-300: #FFBF83;
--kcds-orange-400: #FFA551;
--kcds-orange-500: #FF881A;
--kcds-orange-600: #FF6F00;
--kcds-orange-700: #C75F00;
--kcds-vermilion-50: #FAE8E3;
--kcds-vermilion-100: #F6D5CB;
--kcds-vermilion-200: #F0BAAA;
--kcds-vermilion-300: #E99780;
--kcds-vermilion-400: #E06D4C;
--kcds-vermilion-500: #D63F13;
--kcds-vermilion-600: #B63610;
--kcds-vermilion-700: #9A2D0E;
--kcds-gray-0: #FFFFFF;
--kcds-gray-50: #F8F8F7;
--kcds-gray-100: #F3F7F9;
--kcds-gray-200: #EAEFF3;
--kcds-gray-300: #EAEAEA;
--kcds-gray-400: #CCD5DD;
--kcds-gray-500: #9A9A9A;
--kcds-gray-600: #74838A;
--kcds-gray-700: #404A4F;
--kcds-gray-800: #3F454A;
--kcds-gray-900: #2C3E46;
--kcds-gray-950: #1F2023;
--kcds-green-50: #ECFFEF;
--kcds-green-500: #35C04C;
--kcds-green-700: #00A01A;
--kcds-emerald-50: #E2F0EB;
--kcds-emerald-100: #C9E4DA;
--kcds-emerald-200: #A7D3C3;
--kcds-emerald-300: #7BBDA5;
--kcds-emerald-400: #45A280;
--kcds-emerald-500: #0A8558;
--kcds-emerald-600: #08714B;
--kcds-emerald-700: #07603F;
--kcds-periwinkle-50: #EDECFE;
--kcds-periwinkle-100: #DEDBFD;
--kcds-periwinkle-200: #C9C5FC;
--kcds-periwinkle-300: #AFA8FB;
--kcds-periwinkle-400: #8E84FA;
--kcds-periwinkle-500: #6A5DF8;
--kcds-periwinkle-600: #5A4FD3;
--kcds-periwinkle-700: #4C43B3;
--kcds-red-50: #FFF0F0;
--kcds-red-500: #F03E3E;
--kcds-red-600: #D43333;
--kcds-blue-50: #E3EDFA;
--kcds-blue-100: #CCDEF5;
--kcds-blue-200: #ABC8EF;
--kcds-blue-300: #81ADE7;
--kcds-blue-400: #4D8BDD;
--kcds-blue-500: #1567D2;
--kcds-blue-600: #1258B2;
--kcds-blue-700: #0F4A97;
--kcds-violet-50: #EDDFFF;
--kcds-violet-500: #8543DA;
--kcds-yellow-500: #FDCA16;
--kcds-bronze-500: #EA9F59;
--kcds-slate-50: #F1F5F9;
--kcds-slate-100: #E2E8F0;
--kcds-slate-500: #475569;
--kcds-slate-700: #334155;
--kcds-darkgray-canvas: #0F1419;
--kcds-darkgray-surface: #181D22;
--kcds-darkgray-elevated: #21272D;
--kcds-darkgray-subtle: #1C2228;
--kcds-darkgray-border: #2A3038;
--kcds-darkgray-border-default: #3A424B;
--kcds-darkgray-border-strong: #525C66;
--kcds-color-primary: var(--kcds-orange-500);
--kcds-color-primary-hover: var(--kcds-orange-600);
--kcds-color-primary-active: var(--kcds-orange-700);
--kcds-color-primary-fill: var(--kcds-orange-100);
--kcds-color-primary-tint: var(--kcds-orange-50);
--kcds-color-accent-50: var(--kcds-orange-50);
--kcds-color-accent-100: var(--kcds-orange-100);
--kcds-color-accent-200: var(--kcds-orange-200);
--kcds-color-accent-300: var(--kcds-orange-300);
--kcds-color-accent-400: var(--kcds-orange-400);
--kcds-color-accent-500: var(--kcds-orange-500);
--kcds-color-accent-600: var(--kcds-orange-600);
--kcds-color-accent-700: var(--kcds-orange-700);
--kcds-color-on-primary: var(--kcds-gray-0);
--kcds-color-on-primary-tint: var(--kcds-orange-700);
--kcds-color-text-primary: var(--kcds-gray-950);
--kcds-color-text-secondary: #696969;
--kcds-color-text-tertiary: #5E6970;
--kcds-color-text-disabled: var(--kcds-gray-400);
--kcds-color-text-link: var(--kcds-orange-700);
--kcds-color-text-accent: var(--kcds-orange-700);
--kcds-color-surface-default: var(--kcds-gray-0);
--kcds-color-surface-canvas: var(--kcds-gray-100);
--kcds-color-surface-subtle: var(--kcds-gray-100);
--kcds-color-surface-hover: var(--kcds-gray-200);
--kcds-color-surface-elevated: var(--kcds-gray-0);
--kcds-color-surface-dark: var(--kcds-gray-950);
--kcds-color-track-bg: var(--kcds-gray-200);
--kcds-color-border-default: var(--kcds-gray-400);
--kcds-color-border-subtle: var(--kcds-gray-200);
--kcds-color-border-strong: var(--kcds-gray-600);
--kcds-color-border-focus: var(--kcds-orange-500);
--kcds-color-status-success: #007C14;
--kcds-color-status-success-bg: var(--kcds-green-50);
--kcds-color-status-success-fill: var(--kcds-green-500);
--kcds-color-status-success-border: #A6DEAF;
--kcds-color-status-error: #D11010;
--kcds-color-status-error-bg: var(--kcds-red-50);
--kcds-color-status-error-fill: var(--kcds-red-500);
--kcds-color-status-error-border: #FABBBB;
--kcds-color-status-warning: #A95100;
--kcds-color-status-warning-bg: var(--kcds-orange-50);
--kcds-color-status-warning-fill: var(--kcds-yellow-500);
--kcds-color-status-warning-border: #FFCFA3;
--kcds-color-status-info: var(--kcds-blue-500);
--kcds-color-status-info-bg: var(--kcds-blue-50);
--kcds-color-status-info-border: #B7DCFF;
--kcds-color-status-featured: var(--kcds-violet-500);
--kcds-color-status-featured-bg: var(--kcds-violet-50);
--kcds-color-status-featured-border: #D4BDF2;
--kcds-color-status-neutral: #5F6B71;
--kcds-color-status-neutral-bg: var(--kcds-gray-100);
--kcds-color-status-neutral-border: var(--kcds-gray-400);
--kcds-color-status-success-on-tint: #008616;
--kcds-color-status-error-on-tint: #DB1111;
--kcds-color-status-warning-on-tint: #AE5400;
--kcds-color-status-info-on-tint: var(--kcds-blue-500);
--kcds-color-status-featured-on-tint: #823FD9;
--kcds-color-status-neutral-on-tint: #667379;
--kcds-color-severity-1: var(--kcds-blue-500);
--kcds-color-severity-1-bg: #E8F0FA;
--kcds-color-severity-1-on-tint: var(--kcds-blue-500);
--kcds-color-severity-2: var(--kcds-green-500);
--kcds-color-severity-2-bg: #EBF9ED;
--kcds-color-severity-2-on-tint: #238033;
--kcds-color-severity-3: var(--kcds-yellow-500);
--kcds-color-severity-3-bg: #FFFAE8;
--kcds-color-severity-3-on-tint: #8D6E01;
--kcds-color-severity-4: var(--kcds-orange-500);
--kcds-color-severity-4-bg: #FFF3E8;
--kcds-color-severity-4-on-tint: #B35600;
--kcds-color-severity-5: var(--kcds-red-500);
--kcds-color-severity-5-bg: #FEECEC;
--kcds-color-severity-5-on-tint: #D61111;
--kcds-color-sensitivity-public: var(--kcds-gray-500);
--kcds-color-sensitivity-public-bg: #F5F5F5;
--kcds-color-sensitivity-public-on-tint: #6F6F6F;
--kcds-color-sensitivity-internal: var(--kcds-blue-500);
--kcds-color-sensitivity-internal-bg: #E8F0FA;
--kcds-color-sensitivity-internal-on-tint: var(--kcds-blue-500);
--kcds-color-sensitivity-confidential: var(--kcds-orange-500);
--kcds-color-sensitivity-confidential-bg: #FFF3E8;
--kcds-color-sensitivity-confidential-on-tint: #B35600;
--kcds-color-sensitivity-highly-sensitive: var(--kcds-red-500);
--kcds-color-sensitivity-highly-sensitive-bg: #FEECEC;
--kcds-color-sensitivity-highly-sensitive-on-tint: #D61111;
--kcds-color-ai-suggestion: var(--kcds-violet-500);
--kcds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
--kcds-text-display: 80px;
--kcds-text-h1: 32px;
--kcds-text-h2: 24px;
--kcds-text-h3: 20px;
--kcds-text-h4: 18px;
--kcds-text-h5: 16px;
--kcds-text-body-l: 18px;
--kcds-text-body-m: 16px;
--kcds-text-body-s: 14px;
--kcds-text-caption: 12px;
--kcds-text-label: 11px;
--kcds-spacing-0: 0px;
--kcds-spacing-2: 2px;
--kcds-spacing-4: 4px;
--kcds-spacing-8: 8px;
--kcds-spacing-12: 12px;
--kcds-spacing-16: 16px;
--kcds-spacing-20: 20px;
--kcds-spacing-24: 24px;
--kcds-spacing-32: 32px;
--kcds-spacing-40: 40px;
--kcds-spacing-48: 48px;
--kcds-spacing-64: 64px;
--kcds-spacing-80: 80px;
--kcds-spacing-128: 128px;
--kcds-radius-0: 0px;
--kcds-radius-2: 2px;
--kcds-radius-4: 4px;
--kcds-radius-8: 8px;
--kcds-radius-12: 12px;
--kcds-radius-16: 16px;
--kcds-radius-20: 20px;
--kcds-radius-24: 24px;
--kcds-radius-32: 32px;
--kcds-radius-full: 9999px;
--kcds-radius-md: var(--kcds-radius-8);
--kcds-shadow-sm: 0 1px 2px rgba(31,32,35,.04), 0 1px 3px rgba(31,32,35,.06);
--kcds-shadow-md: 0 4px 8px rgba(31,32,35,.06), 0 2px 4px rgba(31,32,35,.04);
--kcds-shadow-lg: 0 12px 24px rgba(31,32,35,.08), 0 4px 8px rgba(31,32,35,.04);
}
#doc-content .fd-theme--dark {
--kcds-orange-50: #FFF1E4;
--kcds-orange-100: #FFE5CD;
--kcds-orange-200: #FFD4AD;
--kcds-orange-300: #FFBF83;
--kcds-orange-400: #FFA551;
--kcds-orange-500: #FF881A;
--kcds-orange-600: #FF6F00;
--kcds-orange-700: #C75F00;
--kcds-vermilion-50: #FAE8E3;
--kcds-vermilion-100: #F6D5CB;
--kcds-vermilion-200: #F0BAAA;
--kcds-vermilion-300: #E99780;
--kcds-vermilion-400: #E06D4C;
--kcds-vermilion-500: #D63F13;
--kcds-vermilion-600: #B63610;
--kcds-vermilion-700: #9A2D0E;
--kcds-gray-0: #FFFFFF;
--kcds-gray-50: #F8F8F7;
--kcds-gray-100: #F3F7F9;
--kcds-gray-200: #EAEFF3;
--kcds-gray-300: #EAEAEA;
--kcds-gray-400: #CCD5DD;
--kcds-gray-500: #9A9A9A;
--kcds-gray-600: #74838A;
--kcds-gray-700: #404A4F;
--kcds-gray-800: #3F454A;
--kcds-gray-900: #2C3E46;
--kcds-gray-950: #1F2023;
--kcds-green-50: #ECFFEF;
--kcds-green-500: #35C04C;
--kcds-green-700: #00A01A;
--kcds-emerald-50: #E2F0EB;
--kcds-emerald-100: #C9E4DA;
--kcds-emerald-200: #A7D3C3;
--kcds-emerald-300: #7BBDA5;
--kcds-emerald-400: #45A280;
--kcds-emerald-500: #0A8558;
--kcds-emerald-600: #08714B;
--kcds-emerald-700: #07603F;
--kcds-periwinkle-50: #EDECFE;
--kcds-periwinkle-100: #DEDBFD;
--kcds-periwinkle-200: #C9C5FC;
--kcds-periwinkle-300: #AFA8FB;
--kcds-periwinkle-400: #8E84FA;
--kcds-periwinkle-500: #6A5DF8;
--kcds-periwinkle-600: #5A4FD3;
--kcds-periwinkle-700: #4C43B3;
--kcds-red-50: #FFF0F0;
--kcds-red-500: #F03E3E;
--kcds-red-600: #D43333;
--kcds-blue-50: #E3EDFA;
--kcds-blue-100: #CCDEF5;
--kcds-blue-200: #ABC8EF;
--kcds-blue-300: #81ADE7;
--kcds-blue-400: #4D8BDD;
--kcds-blue-500: #1567D2;
--kcds-blue-600: #1258B2;
--kcds-blue-700: #0F4A97;
--kcds-violet-50: #EDDFFF;
--kcds-violet-500: #8543DA;
--kcds-yellow-500: #FDCA16;
--kcds-bronze-500: #EA9F59;
--kcds-slate-50: #F1F5F9;
--kcds-slate-100: #E2E8F0;
--kcds-slate-500: #475569;
--kcds-slate-700: #334155;
--kcds-darkgray-canvas: #0F1419;
--kcds-darkgray-surface: #181D22;
--kcds-darkgray-elevated: #21272D;
--kcds-darkgray-subtle: #1C2228;
--kcds-darkgray-border: #2A3038;
--kcds-darkgray-border-default: #3A424B;
--kcds-darkgray-border-strong: #525C66;
--kcds-color-primary: var(--kcds-orange-500);
--kcds-color-primary-hover: var(--kcds-orange-600);
--kcds-color-primary-active: var(--kcds-orange-700);
--kcds-color-primary-fill: var(--kcds-orange-100);
--kcds-color-primary-tint: var(--kcds-orange-50);
--kcds-color-accent-50: var(--kcds-orange-50);
--kcds-color-accent-100: var(--kcds-orange-100);
--kcds-color-accent-200: var(--kcds-orange-200);
--kcds-color-accent-300: var(--kcds-orange-300);
--kcds-color-accent-400: var(--kcds-orange-400);
--kcds-color-accent-500: var(--kcds-orange-500);
--kcds-color-accent-600: var(--kcds-orange-600);
--kcds-color-accent-700: var(--kcds-orange-700);
--kcds-color-on-primary: var(--kcds-gray-0);
--kcds-color-on-primary-tint: var(--kcds-orange-700);
--kcds-color-text-primary: var(--kcds-gray-950);
--kcds-color-text-secondary: #696969;
--kcds-color-text-tertiary: #5E6970;
--kcds-color-text-disabled: var(--kcds-gray-400);
--kcds-color-text-link: var(--kcds-orange-700);
--kcds-color-text-accent: var(--kcds-orange-700);
--kcds-color-surface-default: var(--kcds-gray-0);
--kcds-color-surface-canvas: var(--kcds-gray-100);
--kcds-color-surface-subtle: var(--kcds-gray-100);
--kcds-color-surface-hover: var(--kcds-gray-200);
--kcds-color-surface-elevated: var(--kcds-gray-0);
--kcds-color-surface-dark: var(--kcds-gray-950);
--kcds-color-track-bg: var(--kcds-gray-200);
--kcds-color-border-default: var(--kcds-gray-400);
--kcds-color-border-subtle: var(--kcds-gray-200);
--kcds-color-border-strong: var(--kcds-gray-600);
--kcds-color-border-focus: var(--kcds-orange-500);
--kcds-color-status-success: #007C14;
--kcds-color-status-success-bg: var(--kcds-green-50);
--kcds-color-status-success-fill: var(--kcds-green-500);
--kcds-color-status-success-border: #A6DEAF;
--kcds-color-status-error: #D11010;
--kcds-color-status-error-bg: var(--kcds-red-50);
--kcds-color-status-error-fill: var(--kcds-red-500);
--kcds-color-status-error-border: #FABBBB;
--kcds-color-status-warning: #A95100;
--kcds-color-status-warning-bg: var(--kcds-orange-50);
--kcds-color-status-warning-fill: var(--kcds-yellow-500);
--kcds-color-status-warning-border: #FFCFA3;
--kcds-color-status-info: var(--kcds-blue-500);
--kcds-color-status-info-bg: var(--kcds-blue-50);
--kcds-color-status-info-border: #B7DCFF;
--kcds-color-status-featured: var(--kcds-violet-500);
--kcds-color-status-featured-bg: var(--kcds-violet-50);
--kcds-color-status-featured-border: #D4BDF2;
--kcds-color-status-neutral: #5F6B71;
--kcds-color-status-neutral-bg: var(--kcds-gray-100);
--kcds-color-status-neutral-border: var(--kcds-gray-400);
--kcds-color-status-success-on-tint: #008616;
--kcds-color-status-error-on-tint: #DB1111;
--kcds-color-status-warning-on-tint: #AE5400;
--kcds-color-status-info-on-tint: var(--kcds-blue-500);
--kcds-color-status-featured-on-tint: #823FD9;
--kcds-color-status-neutral-on-tint: #667379;
--kcds-color-severity-1: var(--kcds-blue-500);
--kcds-color-severity-1-bg: #E8F0FA;
--kcds-color-severity-1-on-tint: var(--kcds-blue-500);
--kcds-color-severity-2: var(--kcds-green-500);
--kcds-color-severity-2-bg: #EBF9ED;
--kcds-color-severity-2-on-tint: #238033;
--kcds-color-severity-3: var(--kcds-yellow-500);
--kcds-color-severity-3-bg: #FFFAE8;
--kcds-color-severity-3-on-tint: #8D6E01;
--kcds-color-severity-4: var(--kcds-orange-500);
--kcds-color-severity-4-bg: #FFF3E8;
--kcds-color-severity-4-on-tint: #B35600;
--kcds-color-severity-5: var(--kcds-red-500);
--kcds-color-severity-5-bg: #FEECEC;
--kcds-color-severity-5-on-tint: #D61111;
--kcds-color-sensitivity-public: var(--kcds-gray-500);
--kcds-color-sensitivity-public-bg: #F5F5F5;
--kcds-color-sensitivity-public-on-tint: #6F6F6F;
--kcds-color-sensitivity-internal: var(--kcds-blue-500);
--kcds-color-sensitivity-internal-bg: #E8F0FA;
--kcds-color-sensitivity-internal-on-tint: var(--kcds-blue-500);
--kcds-color-sensitivity-confidential: var(--kcds-orange-500);
--kcds-color-sensitivity-confidential-bg: #FFF3E8;
--kcds-color-sensitivity-confidential-on-tint: #B35600;
--kcds-color-sensitivity-highly-sensitive: var(--kcds-red-500);
--kcds-color-sensitivity-highly-sensitive-bg: #FEECEC;
--kcds-color-sensitivity-highly-sensitive-on-tint: #D61111;
--kcds-color-ai-suggestion: var(--kcds-violet-500);
--kcds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
--kcds-text-display: 80px;
--kcds-text-h1: 32px;
--kcds-text-h2: 24px;
--kcds-text-h3: 20px;
--kcds-text-h4: 18px;
--kcds-text-h5: 16px;
--kcds-text-body-l: 18px;
--kcds-text-body-m: 16px;
--kcds-text-body-s: 14px;
--kcds-text-caption: 12px;
--kcds-text-label: 11px;
--kcds-spacing-0: 0px;
--kcds-spacing-2: 2px;
--kcds-spacing-4: 4px;
--kcds-spacing-8: 8px;
--kcds-spacing-12: 12px;
--kcds-spacing-16: 16px;
--kcds-spacing-20: 20px;
--kcds-spacing-24: 24px;
--kcds-spacing-32: 32px;
--kcds-spacing-40: 40px;
--kcds-spacing-48: 48px;
--kcds-spacing-64: 64px;
--kcds-spacing-80: 80px;
--kcds-spacing-128: 128px;
--kcds-radius-0: 0px;
--kcds-radius-2: 2px;
--kcds-radius-4: 4px;
--kcds-radius-8: 8px;
--kcds-radius-12: 12px;
--kcds-radius-16: 16px;
--kcds-radius-20: 20px;
--kcds-radius-24: 24px;
--kcds-radius-32: 32px;
--kcds-radius-full: 9999px;
--kcds-radius-md: var(--kcds-radius-8);
--kcds-shadow-sm: 0 1px 2px rgba(31,32,35,.04), 0 1px 3px rgba(31,32,35,.06);
--kcds-shadow-md: 0 4px 8px rgba(31,32,35,.06), 0 2px 4px rgba(31,32,35,.04);
--kcds-shadow-lg: 0 12px 24px rgba(31,32,35,.08), 0 4px 8px rgba(31,32,35,.04);
--kcds-color-surface-default: var(--kcds-darkgray-surface);
--kcds-color-surface-canvas: var(--kcds-darkgray-canvas);
--kcds-color-surface-subtle: var(--kcds-darkgray-subtle);
--kcds-color-surface-hover: #262D34;
--kcds-color-surface-elevated: var(--kcds-darkgray-elevated);
--kcds-color-surface-dark: var(--kcds-darkgray-elevated);
--kcds-color-track-bg: #3A424B;
--kcds-color-text-primary: #E8EAED;
--kcds-color-text-secondary: #A0A8B0;
--kcds-color-text-tertiary: #8A949D;
--kcds-color-text-disabled: #525C66;
--kcds-color-border-default: var(--kcds-darkgray-border-default);
--kcds-color-border-subtle: var(--kcds-darkgray-border);
--kcds-color-border-strong: var(--kcds-darkgray-border-strong);
--kcds-color-status-success: #4ADE80;
--kcds-color-status-success-bg: rgba(53, 192, 76, 0.15);
--kcds-color-status-success-fill: var(--kcds-green-500);
--kcds-color-status-success-border: #2C6A48;
--kcds-color-status-error: #F87171;
--kcds-color-status-error-bg: rgba(240, 62, 62, 0.15);
--kcds-color-status-error-fill: var(--kcds-red-500);
--kcds-color-status-error-border: #723F42;
--kcds-color-status-warning: #FBBF24;
--kcds-color-status-warning-bg: rgba(255, 136, 26, 0.15);
--kcds-color-status-warning-fill: var(--kcds-yellow-500);
--kcds-color-status-warning-border: #735E23;
--kcds-color-status-info: #60A5FA;
--kcds-color-status-info-bg: rgba(21, 103, 210, 0.15);
--kcds-color-status-info-border: #355378;
--kcds-color-status-featured: #A78BFA;
--kcds-color-status-featured-bg: rgba(133, 67, 218, 0.18);
--kcds-color-status-featured-border: #514978;
--kcds-color-status-neutral: #A0A8B0;
--kcds-color-status-neutral-bg: rgba(160, 168, 176, 0.12);
--kcds-color-status-neutral-border: var(--kcds-darkgray-border-default);
--kcds-color-status-success-on-tint: #4ADE80;
--kcds-color-status-error-on-tint: #F87171;
--kcds-color-status-warning-on-tint: #FBBF24;
--kcds-color-status-info-on-tint: #60A5FA;
--kcds-color-status-featured-on-tint: #A78BFA;
--kcds-color-status-neutral-on-tint: #A0A8B0;
--kcds-color-severity-1: #60A5FA;
--kcds-color-severity-1-bg: rgba(96, 165, 250, 0.15);
--kcds-color-severity-1-on-tint: #60A5FA;
--kcds-color-severity-2: #4ADE80;
--kcds-color-severity-2-bg: rgba(74, 222, 128, 0.15);
--kcds-color-severity-2-on-tint: #4ADE80;
--kcds-color-severity-3: #FBBF24;
--kcds-color-severity-3-bg: rgba(251, 191, 36, 0.15);
--kcds-color-severity-3-on-tint: #FBBF24;
--kcds-color-severity-4: #FB923C;
--kcds-color-severity-4-bg: rgba(251, 146, 60, 0.15);
--kcds-color-severity-4-on-tint: #FB923C;
--kcds-color-severity-5: #F87171;
--kcds-color-severity-5-bg: rgba(248, 113, 113, 0.15);
--kcds-color-severity-5-on-tint: #F87171;
--kcds-color-sensitivity-public: #A0A8B0;
--kcds-color-sensitivity-public-bg: rgba(160, 168, 176, 0.15);
--kcds-color-sensitivity-public-on-tint: #A0A8B0;
--kcds-color-sensitivity-internal: #60A5FA;
--kcds-color-sensitivity-internal-bg: rgba(96, 165, 250, 0.15);
--kcds-color-sensitivity-internal-on-tint: #60A5FA;
--kcds-color-sensitivity-confidential: #FB923C;
--kcds-color-sensitivity-confidential-bg: rgba(251, 146, 60, 0.15);
--kcds-color-sensitivity-confidential-on-tint: #FB923C;
--kcds-color-sensitivity-highly-sensitive: #F87171;
--kcds-color-sensitivity-highly-sensitive-bg: rgba(248, 113, 113, 0.15);
--kcds-color-sensitivity-highly-sensitive-on-tint: #F87171;
--kcds-color-ai-suggestion: #A78BFA;
--kcds-color-primary: #FF881A;
--kcds-color-primary-hover: #FF9D40;
--kcds-color-primary-active: #E0780F;
--kcds-color-primary-fill: rgba(255, 136, 26, 0.18);
--kcds-color-primary-tint: rgba(255, 136, 26, 0.10);
--kcds-color-on-primary: #FFFFFF;
--kcds-color-on-primary-tint: #FFB060;
--kcds-color-text-link: #FFB060;
--kcds-color-text-accent: #FFB060;
--kcds-color-border-focus: #FF881A;
--kcds-green-50: rgba(53, 192, 76, 0.15);
--kcds-red-50: rgba(240, 62, 62, 0.15);
--kcds-blue-50: rgba(21, 103, 210, 0.15);
--kcds-violet-50: rgba(133, 67, 218, 0.18);
}








/* CATALOG SPECIMEN TOKENS */

/* KCDS tokens — VALUES ARE CANONICAL IN 01-foundations/tokens.json.
   This file is VERIFIED against it, not generated from it: its structural blocks
   (dark #ds-catalog, data-kcds-product-category remaps) are authored. Change a value in
   tokens.json first, mirror it here, then run:
       python3 01-foundations/build-tokens.py --check
   Hand-editing a value here without updating tokens.json is prohibited (ADR 028). */

/* KCDS tokens — generated by build-tokens.py. Do not edit by hand. */
/* Product-category accents — 4-suite model (Learn=vermilion, Comply=blue, Grow=emerald,
   Hire=periwinkle). Hire is added in v1.15.0 by ADR 035: periwinkle #6A5DF8, ramp 50–700,
   carrying KC Recruit, KC Onboard (moved from Comply) and KC Talent (moved from Grow).
   The DRI's initial #7961FF measured 4.23:1 with white and was corrected to #6A5DF8 before
   release (H 249→245, S 100→92) — the same pre-release move ADR 032 made for Grow. ADR 035
   supersedes ADR 014's removal of the indigo lane; periwinkle sits 21° from AI-violet
   #8543DA, separated by role (F-068) and recorded there as an open risk.
   The values below otherwise follow ADR 032.
   v1.13.0 re-colours every suite accent: Learn moves off the master brand orange to
   vermilion #D63F13 (the ADR 012 white-on-orange exception no longer applies to a suite —
   orange stays only for the logo mark, the legacy #ds-catalog chain and status-warning);
   Comply moves from teal #0A7A7A to blue #1567D2 (the blue ramp is re-keyed around it;
   teal is retired as a KCDS token); Grow moves from blue #006CD0 to emerald #0A8558.
   Light: primary = ramp-500, hover = 600, active = 700, fill = 100, tint = 50. Dark: primary
   holds the 500 (already reads on the dark surface), link/on-tint use the 300 tint.
   Grow primary is the deepened #0A8558 (DRI decision, was #0C9D68 at 3.48:1) so every suite
   clears AA with white on-primary (4.59 / 5.38 / 4.66 / 4.63). The Platform/cyan lane (ADR 013)
   remains removed; the Thrive/indigo suite removal (ADR 014) is superseded by ADR 035 — the
   lane returns under a different name, hue and product set, and `perform` is NOT revived as a
   category value. Internal/admin tools carry the KC master orange #FF881A (ADR 033, supersedes ADR 015). */

#ds-catalog {
  --kcds-orange-50: #FFF1E4;
  --kcds-orange-100: #FFE5CD;
  --kcds-orange-200: #FFD4AD;
  --kcds-orange-300: #FFBF83;
  --kcds-orange-400: #FFA551;
  --kcds-orange-500: #FF881A;
  --kcds-orange-600: #FF6F00;
  --kcds-orange-700: #C75F00;
  --kcds-vermilion-50: #FAE8E3;
  --kcds-vermilion-100: #F6D5CB;
  --kcds-vermilion-200: #F0BAAA;
  --kcds-vermilion-300: #E99780;
  --kcds-vermilion-400: #E06D4C;
  --kcds-vermilion-500: #D63F13;
  --kcds-vermilion-600: #B63610;
  --kcds-vermilion-700: #9A2D0E;
  --kcds-gray-0: #FFFFFF;
  --kcds-gray-50: #F8F8F7;
  --kcds-gray-100: #F3F7F9;
  --kcds-gray-200: #EAEFF3;
  --kcds-gray-300: #EAEAEA;
  --kcds-gray-400: #CCD5DD;
  --kcds-gray-500: #9A9A9A;
  --kcds-gray-600: #74838A;
  --kcds-gray-700: #404A4F;
  --kcds-gray-800: #3F454A;
  --kcds-gray-900: #2C3E46;
  --kcds-gray-950: #1F2023;
  --kcds-green-50: #ECFFEF;
  --kcds-green-500: #35C04C;
  --kcds-green-700: #00A01A;
  --kcds-emerald-50: #E2F0EB;
  --kcds-emerald-100: #C9E4DA;
  --kcds-emerald-200: #A7D3C3;
  --kcds-emerald-300: #7BBDA5;
  --kcds-emerald-400: #45A280;
  --kcds-emerald-500: #0A8558;
  --kcds-emerald-600: #08714B;
  --kcds-emerald-700: #07603F;
  --kcds-periwinkle-50: #EDECFE;
  --kcds-periwinkle-100: #DEDBFD;
  --kcds-periwinkle-200: #C9C5FC;
  --kcds-periwinkle-300: #AFA8FB;
  --kcds-periwinkle-400: #8E84FA;
  --kcds-periwinkle-500: #6A5DF8;
  --kcds-periwinkle-600: #5A4FD3;
  --kcds-periwinkle-700: #4C43B3;
  --kcds-red-50: #FFF0F0;
  --kcds-red-500: #F03E3E;
  --kcds-red-600: #D43333;
  --kcds-blue-50: #E3EDFA;
  --kcds-blue-100: #CCDEF5;
  --kcds-blue-200: #ABC8EF;
  --kcds-blue-300: #81ADE7;
  --kcds-blue-400: #4D8BDD;
  --kcds-blue-500: #1567D2;
  --kcds-blue-600: #1258B2;
  --kcds-blue-700: #0F4A97;
  --kcds-violet-50: #EDDFFF;
  --kcds-violet-500: #8543DA;
  --kcds-yellow-500: #FDCA16;
  --kcds-bronze-500: #EA9F59;
  --kcds-slate-50: #F1F5F9;
  --kcds-slate-100: #E2E8F0;
  --kcds-slate-500: #475569;
  --kcds-slate-700: #334155;
  --kcds-darkgray-canvas: #0F1419;
  --kcds-darkgray-surface: #181D22;
  --kcds-darkgray-elevated: #21272D;
  --kcds-darkgray-subtle: #1C2228;
  --kcds-darkgray-border: #2A3038;
  --kcds-darkgray-border-default: #3A424B;
  --kcds-darkgray-border-strong: #525C66;
  --kcds-color-primary: var(--kcds-orange-500);
  --kcds-color-primary-hover: var(--kcds-orange-600);
  --kcds-color-primary-active: var(--kcds-orange-700);
  --kcds-color-primary-fill: var(--kcds-orange-100);
  --kcds-color-primary-tint: var(--kcds-orange-50);
  --kcds-color-accent-50: var(--kcds-orange-50);
  --kcds-color-accent-100: var(--kcds-orange-100);
  --kcds-color-accent-200: var(--kcds-orange-200);
  --kcds-color-accent-300: var(--kcds-orange-300);
  --kcds-color-accent-400: var(--kcds-orange-400);
  --kcds-color-accent-500: var(--kcds-orange-500);
  --kcds-color-accent-600: var(--kcds-orange-600);
  --kcds-color-accent-700: var(--kcds-orange-700);
  --kcds-color-on-primary: var(--kcds-gray-0);
  --kcds-color-on-primary-tint: var(--kcds-orange-700);
  --kcds-color-text-primary: var(--kcds-gray-950);
  --kcds-color-text-secondary: #696969;
  --kcds-color-text-tertiary: #5E6970;
  --kcds-color-text-disabled: var(--kcds-gray-400);
  --kcds-color-text-link: var(--kcds-orange-700);
  --kcds-color-text-accent: var(--kcds-orange-700);
  --kcds-color-surface-default: var(--kcds-gray-0);
  --kcds-color-surface-canvas: var(--kcds-gray-100);
  --kcds-color-surface-subtle: var(--kcds-gray-100);
  --kcds-color-surface-hover: var(--kcds-gray-200);
  --kcds-color-surface-elevated: var(--kcds-gray-0);
  --kcds-color-surface-dark: var(--kcds-gray-950);
  --kcds-color-track-bg: var(--kcds-gray-200);
  --kcds-color-border-default: var(--kcds-gray-400);
  --kcds-color-border-subtle: var(--kcds-gray-200);
  --kcds-color-border-strong: var(--kcds-gray-600);
  --kcds-color-border-focus: var(--kcds-orange-500);
  --kcds-color-status-success: #007C14;
  --kcds-color-status-success-bg: var(--kcds-green-50);
  --kcds-color-status-success-fill: var(--kcds-green-500);
  --kcds-color-status-success-border: #A6DEAF;
  --kcds-color-status-error: #D11010;
  --kcds-color-status-error-bg: var(--kcds-red-50);
  --kcds-color-status-error-fill: var(--kcds-red-500);
  --kcds-color-status-error-border: #FABBBB;
  --kcds-color-status-warning: #A95100;
  --kcds-color-status-warning-bg: var(--kcds-orange-50);
  --kcds-color-status-warning-fill: var(--kcds-yellow-500);
  --kcds-color-status-warning-border: #FFCFA3;
  --kcds-color-status-info: var(--kcds-blue-500);
  --kcds-color-status-info-bg: var(--kcds-blue-50);
  --kcds-color-status-info-border: #B7DCFF;
  --kcds-color-status-featured: var(--kcds-violet-500);
  --kcds-color-status-featured-bg: var(--kcds-violet-50);
  --kcds-color-status-featured-border: #D4BDF2;
  --kcds-color-status-neutral: #5F6B71;
  --kcds-color-status-neutral-bg: var(--kcds-gray-100);
  --kcds-color-status-neutral-border: var(--kcds-gray-400);
  --kcds-color-status-success-on-tint: #008616;
  --kcds-color-status-error-on-tint: #DB1111;
  --kcds-color-status-warning-on-tint: #AE5400;
  --kcds-color-status-info-on-tint: var(--kcds-blue-500);
  --kcds-color-status-featured-on-tint: #823FD9;
  --kcds-color-status-neutral-on-tint: #667379;
  --kcds-color-severity-1: var(--kcds-blue-500);
  --kcds-color-severity-1-bg: #E8F0FA;
  --kcds-color-severity-1-on-tint: var(--kcds-blue-500);
  --kcds-color-severity-2: var(--kcds-green-500);
  --kcds-color-severity-2-bg: #EBF9ED;
  --kcds-color-severity-2-on-tint: #238033;
  --kcds-color-severity-3: var(--kcds-yellow-500);
  --kcds-color-severity-3-bg: #FFFAE8;
  --kcds-color-severity-3-on-tint: #8D6E01;
  --kcds-color-severity-4: var(--kcds-orange-500);
  --kcds-color-severity-4-bg: #FFF3E8;
  --kcds-color-severity-4-on-tint: #B35600;
  --kcds-color-severity-5: var(--kcds-red-500);
  --kcds-color-severity-5-bg: #FEECEC;
  --kcds-color-severity-5-on-tint: #D61111;
  --kcds-color-sensitivity-public: var(--kcds-gray-500);
  --kcds-color-sensitivity-public-bg: #F5F5F5;
  --kcds-color-sensitivity-public-on-tint: #6F6F6F;
  --kcds-color-sensitivity-internal: var(--kcds-blue-500);
  --kcds-color-sensitivity-internal-bg: #E8F0FA;
  --kcds-color-sensitivity-internal-on-tint: var(--kcds-blue-500);
  --kcds-color-sensitivity-confidential: var(--kcds-orange-500);
  --kcds-color-sensitivity-confidential-bg: #FFF3E8;
  --kcds-color-sensitivity-confidential-on-tint: #B35600;
  --kcds-color-sensitivity-highly-sensitive: var(--kcds-red-500);
  --kcds-color-sensitivity-highly-sensitive-bg: #FEECEC;
  --kcds-color-sensitivity-highly-sensitive-on-tint: #D61111;
  --kcds-color-ai-suggestion: var(--kcds-violet-500);
  --kcds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
  --kcds-text-display: 80px;
  --kcds-text-h1: 32px;
  --kcds-text-h2: 24px;
  --kcds-text-h3: 20px;
  --kcds-text-h4: 18px;
  --kcds-text-h5: 16px;
  --kcds-text-body-l: 18px;
  --kcds-text-body-m: 16px;
  --kcds-text-body-s: 14px;
  --kcds-text-caption: 12px;
  --kcds-text-label: 11px;
  --kcds-spacing-0: 0px;
  --kcds-spacing-2: 2px;
  --kcds-spacing-4: 4px;
  --kcds-spacing-8: 8px;
  --kcds-spacing-12: 12px;
  --kcds-spacing-16: 16px;
  --kcds-spacing-20: 20px;
  --kcds-spacing-24: 24px;
  --kcds-spacing-32: 32px;
  --kcds-spacing-40: 40px;
  --kcds-spacing-48: 48px;
  --kcds-spacing-64: 64px;
  --kcds-spacing-80: 80px;
  --kcds-spacing-128: 128px;
  --kcds-radius-0: 0px;
  --kcds-radius-2: 2px;
  --kcds-radius-4: 4px;
  --kcds-radius-8: 8px;
  --kcds-radius-12: 12px;
  --kcds-radius-16: 16px;
  --kcds-radius-20: 20px;
  --kcds-radius-24: 24px;
  --kcds-radius-32: 32px;
  --kcds-radius-full: 9999px;
  --kcds-radius-md: var(--kcds-radius-8);
  --kcds-shadow-sm: 0 1px 2px rgba(31,32,35,.04), 0 1px 3px rgba(31,32,35,.06);
  --kcds-shadow-md: 0 4px 8px rgba(31,32,35,.06), 0 2px 4px rgba(31,32,35,.04);
  --kcds-shadow-lg: 0 12px 24px rgba(31,32,35,.08), 0 4px 8px rgba(31,32,35,.04);
}

#ds-catalog[data-kcds-product-category="learn"] {
  /* Learn suite = vermilion #D63F13 (ADR 032, v1.13.0). Learn no longer rides the master
     brand orange: white-on-primary 4.59:1, on-tint (700 on 50)
     6.43:1 — all clear AA; text-link/text-accent #C33911 (ADR 036) clears 4.5:1 on every light plane,
     worst 4.53:1 on the vermilion-50 canvas-warm (the 500 as text was 4.25:1 on the cool canvas), so the ADR 012 exception is retired for Learn. Orange stays
     for the logo mark, the legacy #ds-catalog chain and status-warning; warnings in Learn are
     no longer the same hue as the accent. */
  --kcds-color-primary:        var(--kcds-vermilion-500);
  --kcds-color-primary-hover:  var(--kcds-vermilion-600);
  --kcds-color-primary-active: var(--kcds-vermilion-700);
  --kcds-color-primary-fill:   var(--kcds-vermilion-100);
  --kcds-color-primary-tint:   var(--kcds-vermilion-50);
  --kcds-color-accent-50: var(--kcds-vermilion-50);
  --kcds-color-accent-100: var(--kcds-vermilion-100);
  --kcds-color-accent-200: var(--kcds-vermilion-200);
  --kcds-color-accent-300: var(--kcds-vermilion-300);
  --kcds-color-accent-400: var(--kcds-vermilion-400);
  --kcds-color-accent-500: var(--kcds-vermilion-500);
  --kcds-color-accent-600: var(--kcds-vermilion-600);
  --kcds-color-accent-700: var(--kcds-vermilion-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-vermilion-700);
  --kcds-color-text-link:      #C33911;
  --kcds-color-text-accent:    #C33911;
  --kcds-color-border-focus:   var(--kcds-vermilion-500);
}

#ds-catalog[data-kcds-product-category="comply"] {
  /* Comply suite = blue #1567D2 (ADR 032, v1.13.0; was teal #0A7A7A — teal retired).
     The blue ramp is re-keyed around blue-500 = #1567D2. White-on-primary 5.38:1,
     on-tint 7.26:1; text-link/text-accent stay blue-500 — worst 4.55:1 on blue-50 canvas-warm, so no
     re-derivation was needed (ADR 036). Known collision: status-info also resolves to
     blue-500 — info is differentiated by context, a separate info hue is a follow-up. */
  --kcds-color-primary:        var(--kcds-blue-500);
  --kcds-color-primary-hover:  var(--kcds-blue-600);
  --kcds-color-primary-active: var(--kcds-blue-700);
  --kcds-color-primary-fill:   var(--kcds-blue-100);
  --kcds-color-primary-tint:   var(--kcds-blue-50);
  --kcds-color-accent-50: var(--kcds-blue-50);
  --kcds-color-accent-100: var(--kcds-blue-100);
  --kcds-color-accent-200: var(--kcds-blue-200);
  --kcds-color-accent-300: var(--kcds-blue-300);
  --kcds-color-accent-400: var(--kcds-blue-400);
  --kcds-color-accent-500: var(--kcds-blue-500);
  --kcds-color-accent-600: var(--kcds-blue-600);
  --kcds-color-accent-700: var(--kcds-blue-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-blue-700);
  --kcds-color-text-link:      var(--kcds-blue-500);
  --kcds-color-text-accent:    var(--kcds-blue-500);
  --kcds-color-border-focus:   var(--kcds-blue-500);
}

#ds-catalog[data-kcds-product-category="grow"] {
  /* Grow suite = emerald #0A8558 (ADR 032, v1.13.0; was blue #006CD0). The DRI deepened the
     initial #0C9D68 (white 3.48:1) to #0A8558: white-on-primary 4.66:1,
     on-tint (700 on 50) 6.50:1 — all AA; text-link/text-accent #09774F (ADR 036), worst 4.76:1 — the
     500 as text was 4.32:1 on the cool canvas. Grow green is not status-success green — F-068. */
  --kcds-color-primary:        var(--kcds-emerald-500);
  --kcds-color-primary-hover:  var(--kcds-emerald-600);
  --kcds-color-primary-active: var(--kcds-emerald-700);
  --kcds-color-primary-fill:   var(--kcds-emerald-100);
  --kcds-color-primary-tint:   var(--kcds-emerald-50);
  --kcds-color-accent-50: var(--kcds-emerald-50);
  --kcds-color-accent-100: var(--kcds-emerald-100);
  --kcds-color-accent-200: var(--kcds-emerald-200);
  --kcds-color-accent-300: var(--kcds-emerald-300);
  --kcds-color-accent-400: var(--kcds-emerald-400);
  --kcds-color-accent-500: var(--kcds-emerald-500);
  --kcds-color-accent-600: var(--kcds-emerald-600);
  --kcds-color-accent-700: var(--kcds-emerald-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-emerald-700);
  --kcds-color-text-link:      #09774F;
  --kcds-color-text-accent:    #09774F;
  --kcds-color-border-focus:   var(--kcds-emerald-500);
}

#ds-catalog[data-kcds-product-category="hire"] {
  /* Hire suite = periwinkle #6A5DF8 (ADR 035, v1.15.0). KC Recruit (new), KC Onboard (moved
     from Comply) and KC Talent (moved from Grow). White-on-primary 4.63:1, on-tint (700 on 50)
     6.53:1 — all AA, no exception carried; text-link/text-accent #5D4EF7 (ADR 036), worst 4.63:1 — the
     500 as text was 4.30:1 on the cool canvas. The DRI's initial
     #7961FF measured 4.23:1 and was corrected before release. Periwinkle is 21° from
     AI-violet #8543DA: an AI marker inside a Hire surface is separated by role and by its
     own badge treatment, never by hue alone — F-068, and see the ADR 035 open risk. */
  --kcds-color-primary:        var(--kcds-periwinkle-500);
  --kcds-color-primary-hover:  var(--kcds-periwinkle-600);
  --kcds-color-primary-active: var(--kcds-periwinkle-700);
  --kcds-color-primary-fill:   var(--kcds-periwinkle-100);
  --kcds-color-primary-tint:   var(--kcds-periwinkle-50);
  --kcds-color-accent-50: var(--kcds-periwinkle-50);
  --kcds-color-accent-100: var(--kcds-periwinkle-100);
  --kcds-color-accent-200: var(--kcds-periwinkle-200);
  --kcds-color-accent-300: var(--kcds-periwinkle-300);
  --kcds-color-accent-400: var(--kcds-periwinkle-400);
  --kcds-color-accent-500: var(--kcds-periwinkle-500);
  --kcds-color-accent-600: var(--kcds-periwinkle-600);
  --kcds-color-accent-700: var(--kcds-periwinkle-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-periwinkle-700);
  --kcds-color-text-link:      #5D4EF7;
  --kcds-color-text-accent:    #5D4EF7;
  --kcds-color-border-focus:   var(--kcds-periwinkle-500);
}

/* NOTE: the Thrive/indigo suite was removed in ADR 014 and the `perform` category value stays
   retired. ADR 035 does NOT revive it: Hire is a new category value with its own hue and its
   own product set. KC Performance remains Grow (emerald); KC Talent moved to Hire. */

#ds-catalog[data-kcds-product-category="internal"] {
  /* Internal / admin & infrastructure tools = KC master orange #FF881A (ADR 033, supersedes
     ADR 015's neutral-gray chrome). KC User Directory, KC Admin Tools, KC USMP, Integrations,
     Communications. Not a suite — orange is the corporate colour, so internal tools read as
     "KC itself". Same chain as the legacy #ds-catalog default. White on-primary (2.39:1) and
     orange-700 links and accent text (4.15:1 on white, 3.58:1 on hover) are the documented ADR 012
     exception, now covering legacy AND internal — the one named exception in the ADR 036 plane gate. Status-warning is also orange: differentiate warnings by icon + leading-stripe.
     Status, severity, sensitivity and AI-violet are unaffected. */
  --kcds-color-primary:        var(--kcds-orange-500);
  --kcds-color-primary-hover:  var(--kcds-orange-600);
  --kcds-color-primary-active: var(--kcds-orange-700);
  --kcds-color-primary-fill:   var(--kcds-orange-100);
  --kcds-color-primary-tint:   var(--kcds-orange-50);
  --kcds-color-accent-50: var(--kcds-orange-50);
  --kcds-color-accent-100: var(--kcds-orange-100);
  --kcds-color-accent-200: var(--kcds-orange-200);
  --kcds-color-accent-300: var(--kcds-orange-300);
  --kcds-color-accent-400: var(--kcds-orange-400);
  --kcds-color-accent-500: var(--kcds-orange-500);
  --kcds-color-accent-600: var(--kcds-orange-600);
  --kcds-color-accent-700: var(--kcds-orange-700);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: var(--kcds-orange-700);
  --kcds-color-text-link:      var(--kcds-orange-700);
  --kcds-color-text-accent:    var(--kcds-orange-700);
  --kcds-color-border-focus:   var(--kcds-orange-500);
}

#ds-catalog[data-kcds-theme="dark"] {
  --kcds-color-surface-default: var(--kcds-darkgray-surface);
  --kcds-color-surface-canvas: var(--kcds-darkgray-canvas);
  --kcds-color-surface-subtle: var(--kcds-darkgray-subtle);
  --kcds-color-surface-hover: #262D34;
  --kcds-color-surface-elevated: var(--kcds-darkgray-elevated);
  --kcds-color-surface-dark: var(--kcds-darkgray-elevated);
  --kcds-color-track-bg: #3A424B;
  --kcds-color-text-primary: #E8EAED;
  --kcds-color-text-secondary: #A0A8B0;
  --kcds-color-text-tertiary: #8A949D;
  --kcds-color-text-disabled: #525C66;
  --kcds-color-border-default: var(--kcds-darkgray-border-default);
  --kcds-color-border-subtle: var(--kcds-darkgray-border);
  --kcds-color-border-strong: var(--kcds-darkgray-border-strong);
  --kcds-color-status-success: #4ADE80;
  --kcds-color-status-success-bg: rgba(53, 192, 76, 0.15);
  --kcds-color-status-success-fill: var(--kcds-green-500);
  --kcds-color-status-success-border: #2C6A48;
  --kcds-color-status-error: #F87171;
  --kcds-color-status-error-bg: rgba(240, 62, 62, 0.15);
  --kcds-color-status-error-fill: var(--kcds-red-500);
  --kcds-color-status-error-border: #723F42;
  --kcds-color-status-warning: #FBBF24;
  --kcds-color-status-warning-bg: rgba(255, 136, 26, 0.15);
  --kcds-color-status-warning-fill: var(--kcds-yellow-500);
  --kcds-color-status-warning-border: #735E23;
  --kcds-color-status-info: #60A5FA;
  --kcds-color-status-info-bg: rgba(21, 103, 210, 0.15);
  --kcds-color-status-info-border: #355378;
  --kcds-color-status-featured: #A78BFA;
  --kcds-color-status-featured-bg: rgba(133, 67, 218, 0.18);
  --kcds-color-status-featured-border: #514978;
  --kcds-color-status-neutral: #A0A8B0;
  --kcds-color-status-neutral-bg: rgba(160, 168, 176, 0.12);
  --kcds-color-status-neutral-border: var(--kcds-darkgray-border-default);
  --kcds-color-status-success-on-tint: #4ADE80;
  --kcds-color-status-error-on-tint: #F87171;
  --kcds-color-status-warning-on-tint: #FBBF24;
  --kcds-color-status-info-on-tint: #60A5FA;
  --kcds-color-status-featured-on-tint: #A78BFA;
  --kcds-color-status-neutral-on-tint: #A0A8B0;
  --kcds-color-severity-1: #60A5FA;
  --kcds-color-severity-1-bg: rgba(96, 165, 250, 0.15);
  --kcds-color-severity-1-on-tint: #60A5FA;
  --kcds-color-severity-2: #4ADE80;
  --kcds-color-severity-2-bg: rgba(74, 222, 128, 0.15);
  --kcds-color-severity-2-on-tint: #4ADE80;
  --kcds-color-severity-3: #FBBF24;
  --kcds-color-severity-3-bg: rgba(251, 191, 36, 0.15);
  --kcds-color-severity-3-on-tint: #FBBF24;
  --kcds-color-severity-4: #FB923C;
  --kcds-color-severity-4-bg: rgba(251, 146, 60, 0.15);
  --kcds-color-severity-4-on-tint: #FB923C;
  --kcds-color-severity-5: #F87171;
  --kcds-color-severity-5-bg: rgba(248, 113, 113, 0.15);
  --kcds-color-severity-5-on-tint: #F87171;
  --kcds-color-sensitivity-public: #A0A8B0;
  --kcds-color-sensitivity-public-bg: rgba(160, 168, 176, 0.15);
  --kcds-color-sensitivity-public-on-tint: #A0A8B0;
  --kcds-color-sensitivity-internal: #60A5FA;
  --kcds-color-sensitivity-internal-bg: rgba(96, 165, 250, 0.15);
  --kcds-color-sensitivity-internal-on-tint: #60A5FA;
  --kcds-color-sensitivity-confidential: #FB923C;
  --kcds-color-sensitivity-confidential-bg: rgba(251, 146, 60, 0.15);
  --kcds-color-sensitivity-confidential-on-tint: #FB923C;
  --kcds-color-sensitivity-highly-sensitive: #F87171;
  --kcds-color-sensitivity-highly-sensitive-bg: rgba(248, 113, 113, 0.15);
  --kcds-color-sensitivity-highly-sensitive-on-tint: #F87171;
  --kcds-color-ai-suggestion: #A78BFA;
  --kcds-color-primary: #FF881A;
  --kcds-color-primary-hover: #FF9D40;
  --kcds-color-primary-active: #E0780F;
  --kcds-color-primary-fill: rgba(255, 136, 26, 0.18);
  --kcds-color-primary-tint: rgba(255, 136, 26, 0.10);
  --kcds-color-on-primary: #FFFFFF;   /* white on master orange — accepted WCAG AA exception (2.39:1); brand orange kept, dark text rejected as off-brand (PD-278 rev) */
  --kcds-color-on-primary-tint: #FFB060;
  --kcds-color-text-link: #FFB060;
  --kcds-color-text-accent: #FFB060;
  --kcds-color-border-focus: #FF881A;
  --kcds-green-50: rgba(53, 192, 76, 0.15);
  --kcds-red-50: rgba(240, 62, 62, 0.15);
  --kcds-blue-50: rgba(21, 103, 210, 0.15);
  --kcds-violet-50: rgba(133, 67, 218, 0.18);
}

#ds-catalog[data-kcds-theme="dark"][data-kcds-product-category="learn"] {
  /* Learn dark = vermilion (ADR 032). Primary holds the 500 — 3.70:1 on the #181D22 surface, white 4.59:1; link/on-tint = vermilion-300 (7.44:1 on the surface, 6.92:1 on the 10% tint, 6.23:1 on the 20% fill). */
  --kcds-color-primary:        #D63F13;
  --kcds-color-primary-hover:  #DB5227;
  --kcds-color-primary-active: #B63610;
  --kcds-color-primary-fill:   rgba(214, 63, 19, 0.20);
  --kcds-color-primary-tint:   rgba(214, 63, 19, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #E99780;
  --kcds-color-text-link:      #E99780;
  --kcds-color-text-accent:    #E99780;
  --kcds-color-border-focus:   #D63F13;
}

#ds-catalog[data-kcds-theme="dark"][data-kcds-product-category="comply"] {
  /* Comply dark = blue (ADR 032). Primary holds the 500 — 3.15:1 on the #181D22 surface (clears the 3:1 UI floor), white 5.38:1; link/on-tint = blue-300 (7.32:1 on the surface, 6.76:1 on the 10% tint, 6.11:1 on the 20% fill). */
  --kcds-color-primary:        #1567D2;
  --kcds-color-primary-hover:  #2C77D7;
  --kcds-color-primary-active: #1258B2;
  --kcds-color-primary-fill:   rgba(21, 103, 210, 0.20);
  --kcds-color-primary-tint:   rgba(21, 103, 210, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #81ADE7;
  --kcds-color-text-link:      #81ADE7;
  --kcds-color-text-accent:    #81ADE7;
  --kcds-color-border-focus:   #1567D2;
}

#ds-catalog[data-kcds-theme="dark"][data-kcds-product-category="grow"] {
  /* Grow dark = emerald (ADR 032). Primary holds the 500 — 3.64:1 on the #181D22 surface, white 4.66:1; link/on-tint = emerald-300 (7.81:1 on the surface, 7.13:1 on the 10% tint, 6.33:1 on the 20% fill). */
  --kcds-color-primary:        #0A8558;
  --kcds-color-primary-hover:  #229169;
  --kcds-color-primary-active: #08714B;
  --kcds-color-primary-fill:   rgba(10, 133, 88, 0.20);
  --kcds-color-primary-tint:   rgba(10, 133, 88, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #7BBDA5;
  --kcds-color-text-link:      #7BBDA5;
  --kcds-color-text-accent:    #7BBDA5;
  --kcds-color-border-focus:   #0A8558;
}

#ds-catalog[data-kcds-theme="dark"][data-kcds-product-category="hire"] {
  /* Hire dark = periwinkle (ADR 035). Primary holds the 500 — 3.66:1 on the #181D22 surface, white 4.63:1; link/on-tint = periwinkle-300 (7.93:1 on the surface, 7.23:1 on the 10% tint, 6.42:1 on the 20% fill). */
  --kcds-color-primary:        #6A5DF8;
  --kcds-color-primary-hover:  #796DF9;
  --kcds-color-primary-active: #5A4FD3;
  --kcds-color-primary-fill:   rgba(106, 93, 248, 0.20);
  --kcds-color-primary-tint:   rgba(106, 93, 248, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #AFA8FB;
  --kcds-color-text-link:      #AFA8FB;
  --kcds-color-text-accent:    #AFA8FB;
  --kcds-color-border-focus:   #6A5DF8;
}

#ds-catalog[data-kcds-theme="dark"][data-kcds-product-category="internal"] {
  /* Internal dark = KC master orange, mirroring the legacy orange dark chain (ADR 033).
     on-primary WHITE — accepted AA exception (ADR 012, PD-278 rev). */
  --kcds-color-primary:        #FF881A;
  --kcds-color-primary-hover:  #FF9D40;
  --kcds-color-primary-active: #E0780F;
  --kcds-color-primary-fill:   rgba(255, 136, 26, 0.18);
  --kcds-color-primary-tint:   rgba(255, 136, 26, 0.10);
  --kcds-color-on-primary:     #FFFFFF;
  --kcds-color-on-primary-tint: #FFB060;
  --kcds-color-text-link:      #FFB060;
  --kcds-color-text-accent:    #FFB060;
  --kcds-color-border-focus:   #FF881A;
}