:root {
    /* KRDS primitive colors (light) */
    --krds-color-primary-5: #ecf2fe;
    --krds-color-primary-10: #d8e5fd;
    --krds-color-primary-20: #b1cefb;
    --krds-color-primary-50: #256ef4;
    --krds-color-primary-60: #0b50d0;
    --krds-color-primary-70: #083891;

    --krds-color-secondary-5: #eef2f7;
    --krds-color-secondary-10: #d6e0eb;
    --krds-color-secondary-70: #063a74;

    --krds-color-gray-0: #ffffff;
    --krds-color-gray-5: #f4f5f6;
    --krds-color-gray-10: #e6e8ea;
    --krds-color-gray-20: #cdd1d5;
    --krds-color-gray-30: #b1b8be;
    --krds-color-gray-40: #8a949e;
    --krds-color-gray-50: #6d7882;
    --krds-color-gray-60: #58616a;
    --krds-color-gray-70: #464c53;
    --krds-color-gray-90: #1e2124;

    --krds-color-danger-50: #de3412;

    /* KRDS spacing and sizing converted to px scale */
    --krds-gap-1: 2px;
    --krds-gap-2: 4px;
    --krds-gap-3: 8px;
    --krds-gap-4: 12px;
    --krds-gap-5: 16px;
    --krds-gap-6: 20px;
    --krds-gap-7: 24px;
    --krds-gap-8: 32px;

    --krds-padding-5: 12px;
    --krds-padding-6: 16px;
    --krds-padding-7: 20px;

    --krds-size-height-6: 40px;
    --krds-size-height-7: 48px;
    --krds-size-height-8: 56px;

    --krds-radius-medium1: 6px;
    --krds-radius-medium2: 6px;
    --krds-radius-medium3: 8px;
    --krds-radius-medium4: 8px;

    --krds-border-width-regular: 1px;
    --krds-border-width-focus: 2px;

    /* KRDS focus */
    --krds-focus-outline: 2px solid #ffffff;
    --krds-focus-ring: 0 0 0 4px #256ef4;
    --krds-focus-ring-inset: inset 0 0 0 2px #256ef4;

    /* KRDS semantic/support tokens used by in-page navigation */
    --krds-contents-wrap-size: 1200px;
    --krds-contents-padding-x: 24px;
    --krds-pc-gap-layout-contents-right: 40px;

    --krds-pc-font-size-body-xsmall: 13px;
    --krds-mobile-font-size-body-xsmall: 13px;
    --krds-pc-font-size-heading-xsmall: 17px;
    --krds-mobile-font-size-heading-xsmall: 17px;
    --krds-pc-font-size-navigation-depth-small: 15px;
    --krds-mobile-font-size-navigation-depth-small: 15px;
    --krds-pc-font-size-body-small: 15px;
    --krds-mobile-font-size-body-small: 15px;

    --krds-radius-small3: 6px;

    --krds-light-color-text-bolder: var(--krds-color-gray-90);
    --krds-light-color-text-subtle: var(--krds-color-gray-60);
    --krds-light-color-text-secondary: var(--krds-color-secondary-70);

    --krds-light-color-action-secondary: var(--krds-color-secondary-5);
    --krds-light-color-action-secondary-hover: var(--krds-color-secondary-10);
    --krds-light-color-action-secondary-pressed: var(--krds-color-primary-10);
    --krds-light-color-action-secondary-selected: var(--krds-color-secondary-5);
}