/* KONE Design Tokens - Campaigns Site */

@font-face {
    font-family: KONE;
    src: url("/resource/CampaignsSiteAssets/fonts/KONE_Information.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Primary */
    --light-primary-white: #FFFFFF;
    --light-primary-black: #141414;
    --light-primary-kone-blue: #1450F5;

    /* Secondary */
    --light-secondary-sand: #F3EEE6;
    --light-secondary-yellow: #FFE141;
    --light-secondary-light-blue: #D2F5FF;
    --light-secondary-pink: #FFCDD7;
    --light-secondary-green: #AAE1C8;

    /* Accent */
    --light-accent-accent-red: #FF5F28;
    --light-accent-accent-orange: #FFA023;
    --light-accent-accent-green: #1ED273;
    --light-accent-destructive-text: #F51414;

    /* Grayscale */
    --light-grayscale-100-text: var(--light-primary-black);
    --light-grayscale-150-hover: #4F4F4F;
    --light-grayscale-200-inactive: #727272;
    --light-grayscale-300-disabled: #959595;
    --light-grayscale-400-border: #D0D0D0;
    --light-grayscale-500: #E7E7E7;
    --light-grayscale-600-bg-tertiary: #F1F1F1;
    --light-grayscale-700-bg-secondary: #F8F8F8;
    --light-grayscale-800-bg-primary: var(--light-primary-white);

    /* Backgrounds */
    --light-color-background-bg-blue: #F3F6FE;
    --light-color-background-bg-green: #E8FBF1;
    --light-color-background-bg-orange: #FFF6E9;
    --light-color-background-bg-red: #FFEFE9;

    /* Blue shades */
    --light-blue-d-80: #142041;
    --light-blue-d-60: #142C6E;
    --light-blue-d-40: #14389B;
    --light-blue-d-20: #1444C8;
    --light-blue-l-20: #4373F7;
    --light-blue-l-40: #7296F9;
    --light-blue-l-60: #A1B9FB;
    --light-blue-l-80: #D0DCFD;
    --light-blue-l-90: #E7EDFE;

    /* Green shades */
    --light-green-d-80: #10351A;
    --light-green-d-60: #0C5621;
    --light-green-d-40: #087827;
    --light-green-d-20: #18A85C;
    --light-green-l-20: #4BDB8F;
    --light-green-l-40: #78E4AB;
    --light-green-l-60: #A5EDC7;
    --light-green-l-80: #D2F6E3;

    /* Orange shades */
    --light-orange-d-80: #433017;
    --light-orange-d-60: #724C1A;
    --light-orange-d-40: #A1681D;
    --light-orange-d-20: #D08420;
    --light-orange-l-20: #FFB34F;
    --light-orange-l-40: #FFC67B;
    --light-orange-l-60: #FFD9A7;
    --light-orange-l-80: #FFECD3;

    /* Red shades */
    --light-red-d-80: #432318;
    --light-red-d-60: #72321C;
    --light-red-d-40: #A14120;
    --light-red-d-20: #D05024;
    --light-red-l-20: #FF7F53;
    --light-red-l-40: #FF9F7E;
    --light-red-l-60: #FFBFA9;
    --light-red-l-80: #FFDFD4;

    /* Semantic shortcuts */
    --k-sand: var(--light-secondary-sand);
    --k-yellow: var(--light-secondary-yellow);
    --k-lightblue: var(--light-color-background-bg-blue);
    --k-pink: var(--light-secondary-pink);
    --k-green: var(--light-secondary-green);
    --k-koneblue: var(--light-primary-kone-blue);
    --k-primary: var(--light-primary-kone-blue);
    --k-secondary: var(--light-primary-black);
    --k-light: var(--light-primary-white);
    --k-dark: #000000;
    --k-success: var(--light-accent-accent-green);
    --k-warning: var(--light-accent-accent-orange);
    --k-error: var(--light-accent-accent-red);
    --k-destructive: var(--light-accent-destructive-text);
}