/* Innocode Design Tokens — [Intsoft] Team_library-v2 */

:root {
  --red-95: #FDCECE;
  --red-90: #FCB5B5;
  --red-80: #FB9D9D;
  --red-70: #FA6B6B;
  --red-60: #F95353;
  --red-50: #F83A3A;
  --red-40: #E21D1D;
  --red-30: #C50707;
  --red-20: #940505;
  --red-10: #620404;
  --red-5: #310202;
  --orange-95: #FEDDCD;
  --orange-90: #FDCDB4;
  --orange-80: #FDBC9B;
  --orange-70: #FCA174;
  --orange-60: #FA8042;
  --orange-50: #F9681F;
  --orange-40: #ED570C;
  --orange-30: #D14905;
  --orange-20: #9F3804;
  --orange-10: #6D2603;
  --orange-5: #3C1501;
  --yellow-95: #FFEECC;
  --yellow-90: #FFE6B2;
  --yellow-80: #FFDD99;
  --yellow-70: #FFD580;
  --yellow-60: #FFC44D;
  --yellow-50: #FFB92E;
  --yellow-40: #F49A25;
  --yellow-30: #CC6D00;
  --yellow-20: #995200;
  --yellow-10: #663600;
  --yellow-5: #4D2B00;
  --green-95: #CEFDE3;
  --green-90: #B6FCD5;
  --green-80: #9DFBC7;
  --green-70: #75F0AC;
  --green-60: #47EB91;
  --green-50: #26D977;
  --green-40: #14B85E;
  --green-30: #06793A;
  --green-20: #04622E;
  --green-10: #034923;
  --green-5: #02361A;
  --teal-95: #CEFDF5;
  --teal-90: #B6FCF0;
  --teal-80: #9DFBEB;
  --teal-70: #71F4DE;
  --teal-60: #47EBCF;
  --teal-50: #17CFB0;
  --teal-40: #16B69B;
  --teal-30: #027E69;
  --teal-20: #026454;
  --teal-10: #015043;
  --teal-5: #013C32;
  --cyan-95: #CDF7FE;
  --cyan-90: #B4F3FD;
  --cyan-80: #9BEFFD;
  --cyan-70: #69E7FC;
  --cyan-60: #37DEFB;
  --cyan-40: #19B2CC;
  --cyan-30: #0992AA;
  --cyan-20: #036B7D;
  --cyan-10: #024D5A;
  --cyan-5: #01333C;
  --light-blue-95: #CCF0FF;
  --light-blue-90: #B2E8FF;
  --light-blue-80: #99E0FF;
  --light-blue-70: #66D1FF;
  --light-blue-60: #4DC9FF;
  --light-blue-50: #25B6F4;
  --light-blue-40: #0B9CDA;
  --light-blue-30: #007DB2;
  --light-blue-20: #0B678E;
  --light-blue-10: #004F70;
  --light-blue-5: #00364D;
  --blue-95: #CDE0FE;
  --blue-90: #B4D0FD;
  --blue-80: #80B0FF;
  --blue-70: #5091FB;
  --blue-60: #1F74FF;
  --blue-50: #0D62F2;
  --blue-40: #0A50C2;
  --blue-30: #0445AF;
  --blue-20: #083C91;
  --blue-10: #022764;
  --blue-5: #011432;
  --purple-95: #EEE6FE;
  --purple-90: #DCCEFD;
  --purple-80: #C9A1F7;
  --purple-70: #AE72F3;
  --purple-60: #9343EF;
  --purple-50: #862CED;
  --purple-40: #7814EB;
  --purple-30: #6010BC;
  --purple-20: #480C8D;
  --purple-10: #3C0A75;
  --purple-5: #240646;
  --pink-95: #FEE7EE;
  --pink-90: #FDCEDC;
  --pink-80: #FA9EB9;
  --pink-70: #F86D97;
  --pink-60: #F53D74;
  --pink-50: #F20C51;
  --pink-40: #DA0B49;
  --pink-30: #C20A41;
  --pink-20: #8A0F34;
  --pink-10: #730D2B;
  --pink-5: #45081A;
  --black: #000000;
  --white: #FFFFFF;
  --cool-neutral-99: #FCFCFD;
  --cool-neutral-97: #F6F6F8;
  --cool-neutral-95: #F0F0F4;
  --cool-neutral-93: #EAEAF0;
  --cool-neutral-90: #E2E2E9;
  --cool-neutral-85: #D3D3DE;
  --cool-neutral-80: #C7C7D1;
  --cool-neutral-75: #B9B9C6;
  --cool-neutral-70: #ABABBA;
  --cool-neutral-65: #9D9DAF;
  --cool-neutral-60: #8F8FA3;
  --cool-neutral-55: #818198;
  --cool-neutral-50: #73738C;
  --cool-neutral-40: #5A5A72;
  --cool-neutral-35: #4F4F64;
  --cool-neutral-30: #434356;
  --cool-neutral-25: #363649;
  --cool-neutral-23: #323243;
  --cool-neutral-20: #2B2B3B;
  --cool-neutral-17: #252532;
  --cool-neutral-15: #21212C;
  --opacity-black-6: rgba(157, 157, 175, 0.06);
  --opacity-black-8: rgba(143, 143, 163, 0.08);
  --opacity-black-16: rgba(185, 185, 198, 0.24);
  --opacity-black-22: rgba(171, 171, 186, 0.28);
  --opacity-black-24: rgba(143, 143, 163, 0.28);
  --opacity-black-32: rgba(143, 143, 163, 0.40);
  --opacity-black-40: rgba(115, 115, 140, 0.40);
  --opacity-black-48: rgba(129, 129, 152, 0.56);
  --opacity-black-56: rgba(115, 115, 140, 0.64);
  --opacity-black-64: rgba(90, 90, 114, 0.64);
  --opacity-black-72: rgba(79, 79, 100, 0.72);
  --opacity-black-80: rgba(54, 54, 73, 0.80);
  --opacity-black-88: rgba(37, 37, 50, 0.88);
  --opacity-black-96: rgba(33, 33, 44, 0.96);
  --opacity-white-6: rgba(252, 252, 253, 0.06);
  --opacity-white-8: rgba(252, 252, 253, 0.12);
  --opacity-white-16: rgba(252, 252, 253, 0.16);
  --opacity-white-22: rgba(252, 252, 253, 0.20);
  --opacity-white-24: rgba(252, 252, 253, 0.24);
  --opacity-white-32: rgba(252, 252, 253, 0.28);
  --opacity-white-40: rgba(252, 252, 253, 0.36);
  --opacity-white-48: rgba(252, 252, 253, 0.40);
  --opacity-white-56: rgba(252, 252, 253, 0.48);
  --opacity-white-64: rgba(252, 252, 253, 0.56);
  --opacity-white-72: rgba(252, 252, 253, 0.64);
  --opacity-white-80: rgba(252, 252, 253, 0.72);
  --opacity-white-88: rgba(252, 252, 253, 0.88);
  --opacity-white-96: rgba(252, 252, 253, 0.96);
  --cyan-50: #1AC8E6;
}

[data-theme="light"] {
  --opacity-6: 6;
  --opacity-8: 8;
  --opacity-12: 12;
  --opacity-16: 16;
  --opacity-24: 24;
  --opacity-28: 28;
  --opacity-36: 36;
  --opacity-40: 40;
  --opacity-56: 56;
  --opacity-64: 64;
  --opacity-72: 72;
  --opacity-80: 80;
  --opacity-96: 96;
  --opacity-88: 88;
  --opacity-20: 20;
  --opacity-48: 48;
  --status-negative: #F83A3A;
  --status-warning: #FFB92E;
  --status-positive: #26D977;
  --primary-filled-normal: #1F74FF;
  --primary-filled-strong: #0D62F2;
  --primary-filled-heavy: #0A50C2;
  --primary-opacity-normal: rgba(13, 100, 242, 0.14);
  --primary-opacity-heavy: rgba(13, 100, 242, 0.28);
  --primary-opacity-strong: rgba(13, 100, 242, 0.24);
  --assistive-normal: rgba(143, 143, 163, 0.08);
  --assistive-strong: rgba(185, 185, 198, 0.24);
  --assistive-heavy: rgba(171, 171, 186, 0.28);
  --label-btn-disable: rgba(129, 129, 152, 0.56);
  --label-btn-normal: rgba(79, 79, 100, 0.72);
  --label-btn-heavy: rgba(54, 54, 73, 0.80);
  --label-primary: #21212C;
  --label-secondary: #2B2B3B;
  --label-tertiary: #4F4F64;
  --label-quaternary: #8F8FA3;
  --label-quinary: #ABABBA;
  --background-normal-normal: #F6F6F8;
  --background-normal-alternative: #F0F0F4;
  --background-elevated-normal: rgba(115, 115, 140, 0.64);
  --background-elevated-alternative: rgba(37, 37, 50, 0.88);
  --line-solid-normal: #EAEAF0;
  --line-solid-strong: #E2E2E9;
  --line-solid-heavy: #D3D3DE;
  --line-opacity-normal: rgba(157, 157, 175, 0.06);
  --line-opacity-strong: rgba(185, 185, 198, 0.24);
  --line-opacity-heavy: rgba(171, 171, 186, 0.28);
  --component-fill-normal: rgba(143, 143, 163, 0.08);
  --component-fill-strong: rgba(171, 171, 186, 0.28);
  --component-fill-heavy: rgba(143, 143, 163, 0.28);
  --inverse-primary: #0D64F2;
  --inverse-background: #252532;
  --inverse-label: #F6F6F8;
  --accent-backgraound-red: #F83A3A;
  --accent-backgraound-orange: #F9681F;
  --accent-backgraound-yellow: #FFB92E;
  --accent-backgraound-green: #26D977;
  --accent-backgraound-teal: #17CFB0;
  --accent-backgraound-cyan: #1AC8E6;
  --accent-backgraound-light-blue: #25B6F4;
  --accent-backgraound-blue: #0D64F2;
  --accent-backgraound-purple: #862CED;
  --accent-backgraound-pink: #F20C51;
  --accent-foreground-red: #E21D1D;
  --accent-foreground-orange: #ED570C;
  --accent-foreground-yellow: #F49A25;
  --accent-foreground-green: #14B85E;
  --accent-foreground-teal: #16B69B;
  --accent-foreground-cyan: #19B2CC;
  --accent-foreground-light-blue: #0B9CDA;
  --accent-foreground-blue: #0D64F2;
  --accent-foreground-purple: #7814EB;
  --accent-foreground-pink: #DA0B49;
  --static-white: #FFFFFF;
  --static-black: #000000;
  --primary-opacity-bright: rgba(13, 100, 242, 0.08);
  --primary-filled-bright: #5091FB;
  --component-fill-background: rgba(252, 252, 253, 0.56);
  --shadow-xs: rgba(143, 143, 163, 0.08);
  --shadow-sm: rgba(171, 171, 186, 0.28);
  --shadow-md: rgba(143, 143, 163, 0.28);
  --shadow-lg: rgba(143, 143, 163, 0.40);
  --shadow-xl: rgba(115, 115, 140, 0.40);
}

[data-theme="dark"] {
  --opacity-6: 6;
  --opacity-8: 8;
  --opacity-12: 12;
  --opacity-16: 16;
  --opacity-24: 24;
  --opacity-28: 28;
  --opacity-36: 36;
  --opacity-40: 40;
  --opacity-56: 56;
  --opacity-64: 64;
  --opacity-72: 72;
  --opacity-80: 80;
  --opacity-96: 96;
  --opacity-88: 88;
  --opacity-20: 20;
  --opacity-48: 48;
  --status-negative: #F95353;
  --status-warning: #FFC44D;
  --status-positive: #47EB91;
  --primary-filled-normal: #297AFF;
  --primary-filled-strong: #1F74FF;
  --primary-filled-heavy: #0D62F2;
  --primary-opacity-normal: rgba(13, 100, 242, 0.14);
  --primary-opacity-heavy: rgba(13, 100, 242, 0.28);
  --primary-opacity-strong: rgba(13, 100, 242, 0.24);
  --assistive-normal: rgba(252, 252, 253, 0.06);
  --assistive-strong: rgba(252, 252, 253, 0.12);
  --assistive-heavy: rgba(252, 252, 253, 0.16);
  --label-btn-disable: rgba(252, 252, 253, 0.40);
  --label-btn-normal: rgba(252, 252, 253, 0.64);
  --label-btn-heavy: rgba(252, 252, 253, 0.72);
  --label-primary: #FCFCFD;
  --label-secondary: #C7C7D1;
  --label-tertiary: #8F8FA3;
  --label-quaternary: #73738C;
  --label-quinary: #5A5A72;
  --background-normal-normal: #252532;
  --background-normal-alternative: #2B2B3B;
  --background-elevated-normal: #C7C7D1;
  --background-elevated-alternative: rgba(37, 37, 50, 0.88);
  --line-solid-normal: #434356;
  --line-solid-strong: #363649;
  --line-solid-heavy: #323243;
  --line-opacity-normal: rgba(90, 90, 114, 0.64);
  --line-opacity-strong: rgba(79, 79, 100, 0.72);
  --line-opacity-heavy: rgba(54, 54, 73, 0.80);
  --component-fill-normal: rgba(143, 143, 163, 0.08);
  --component-fill-strong: rgba(185, 185, 198, 0.24);
  --component-fill-heavy: rgba(143, 143, 163, 0.28);
  --inverse-primary: #297AFF;
  --inverse-background: #F6F6F8;
  --inverse-label: #2B2B3B;
  --accent-backgraound-red: #F95353;
  --accent-backgraound-orange: #FA8042;
  --accent-backgraound-yellow: #FFC44D;
  --accent-backgraound-green: #47EB91;
  --accent-backgraound-teal: #47EBCF;
  --accent-backgraound-cyan: #37DEFB;
  --accent-backgraound-light-blue: #4DC9FF;
  --accent-backgraound-blue: #297AFF;
  --accent-backgraound-purple: #9343EF;
  --accent-backgraound-pink: #F53D74;
  --accent-foreground-red: #F95353;
  --accent-foreground-orange: #FA8042;
  --accent-foreground-yellow: #FFC44D;
  --accent-foreground-green: #47EB91;
  --accent-foreground-teal: #47EBCF;
  --accent-foreground-cyan: #37DEFB;
  --accent-foreground-light-blue: #4DC9FF;
  --accent-foreground-blue: #5091FB;
  --accent-foreground-purple: #9343EF;
  --accent-foreground-pink: #F53D74;
  --static-white: #FFFFFF;
  --static-black: #000000;
  --primary-opacity-bright: rgba(13, 100, 242, 0.08);
  --primary-filled-bright: #5091FB;
  --component-fill-background: rgba(157, 157, 175, 0.06);
  --shadow-xs: rgba(33, 33, 44, 0.96);
  --shadow-sm: rgba(33, 33, 44, 0.96);
  --shadow-md: rgba(33, 33, 44, 0.96);
  --shadow-lg: rgba(33, 33, 44, 0.96);
  --shadow-xl: rgba(33, 33, 44, 0.96);
}

[data-platform="mobile"] {
  --unit-4: 4px;
  --unit-8: 8px;
  --unit-12: 12px;
  --unit-14: 14px;
  --unit-16: 16px;
  --unit-20: 20px;
  --unit-24: 24px;
  --unit-28: 28px;
  --unit-32: 32px;
  --unit-36: 36px;
  --unit-40: 40px;
  --unit-48: 48px;
  --unit-52: 52px;
  --unit-56: 56px;
  --unit-60: 60px;
  --unit-64: 64px;
  --unit-80: 80px;
  --unit-96: 96px;
  --grid-margin: 20px;
  --grid-breakpoint: 375px;
  --grid-gutter: 16px;
  --grid-column: 4px;
  --grid-layout: 2px;
  --unit--8: -8px;
  --unit--16: -16px;
  --unit--24: -24px;
  --unit--32: -32px;
  --unit--40: -40px;
  --unit--48: -48px;
  --unit--56: -56px;
  --unit--64: -64px;
  --unit-6: 6px;
  --unit-72: 72px;
  --unit-10: 10px;
}

[data-platform="tablet-vertical"] {
  --unit-4: 4px;
  --unit-8: 8px;
  --unit-12: 12px;
  --unit-14: 14px;
  --unit-16: 16px;
  --unit-20: 20px;
  --unit-24: 24px;
  --unit-28: 28px;
  --unit-32: 32px;
  --unit-36: 36px;
  --unit-40: 40px;
  --unit-48: 48px;
  --unit-52: 52px;
  --unit-56: 56px;
  --unit-60: 60px;
  --unit-64: 64px;
  --unit-80: 80px;
  --unit-96: 96px;
  --grid-margin: 32px;
  --grid-breakpoint: 768px;
  --grid-gutter: 16px;
  --grid-column: 6px;
  --grid-layout: 3px;
  --unit--8: -8px;
  --unit--16: -16px;
  --unit--24: -24px;
  --unit--32: -32px;
  --unit--40: -40px;
  --unit--48: -48px;
  --unit--56: -56px;
  --unit--64: -64px;
  --unit-6: 6px;
  --unit-72: 72px;
  --unit-10: 10px;
}

[data-platform="tablet-horizontal"] {
  --unit-4: 4px;
  --unit-8: 8px;
  --unit-12: 12px;
  --unit-14: 14px;
  --unit-16: 16px;
  --unit-20: 20px;
  --unit-24: 24px;
  --unit-28: 28px;
  --unit-32: 32px;
  --unit-36: 36px;
  --unit-40: 40px;
  --unit-48: 48px;
  --unit-52: 52px;
  --unit-56: 56px;
  --unit-60: 60px;
  --unit-64: 64px;
  --unit-80: 80px;
  --unit-96: 96px;
  --grid-margin: 64px;
  --grid-breakpoint: 1024px;
  --grid-gutter: 24px;
  --grid-column: 8px;
  --grid-layout: 4px;
  --unit--8: -8px;
  --unit--16: -16px;
  --unit--24: -24px;
  --unit--32: -32px;
  --unit--40: -40px;
  --unit--48: -48px;
  --unit--56: -56px;
  --unit--64: -64px;
  --unit-6: 6px;
  --unit-72: 72px;
  --unit-10: 10px;
}

[data-platform="web"] {
  --unit-4: 4px;
  --unit-8: 8px;
  --unit-12: 12px;
  --unit-14: 14px;
  --unit-16: 16px;
  --unit-20: 20px;
  --unit-24: 24px;
  --unit-28: 28px;
  --unit-32: 32px;
  --unit-36: 36px;
  --unit-40: 40px;
  --unit-48: 48px;
  --unit-52: 52px;
  --unit-56: 56px;
  --unit-60: 60px;
  --unit-64: 64px;
  --unit-80: 80px;
  --unit-96: 96px;
  --grid-margin: 240px;
  --grid-breakpoint: 1440px;
  --grid-gutter: 24px;
  --grid-column: 12px;
  --grid-layout: 8px;
  --unit--8: -8px;
  --unit--16: -16px;
  --unit--24: -24px;
  --unit--32: -32px;
  --unit--40: -40px;
  --unit--48: -48px;
  --unit--56: -56px;
  --unit--64: -64px;
  --unit-6: 6px;
  --unit-72: 72px;
  --unit-10: 10px;
}

[data-lang="KR"] {
  --weight-base: Regular;
  --weight-md: Medium;
  --weight-lg: Semibold;
  --weight-xl: Bold;
  --size-2xs: 12px;
  --size-xs: 14px;
  --size-sm: 15px;
  --size-base: 16px;
  --size-md: 18px;
  --size-xl: 24px;
  --size-2xl: 26px;
  --size-3xl: 28px;
  --size-4xl: 36px;
  --size-5xl: 40px;
  --size-6xl: 44px;
  --size-7xl: 56px;
  --line-height-3xs: 14px;
  --line-height-2xs: 16px;
  --line-height-xs: 20px;
  --line-height-sm: 22px;
  --line-height-base: 24px;
  --line-height-md: 26px;
  --line-height-lg: 32px;
  --line-height-xl: 34px;
  --line-height-2xl: 38px;
  --line-height-3xl: 48px;
  --line-height-4xl: 56px;
  --line-height-5xl: 64px;
  --line-height-6xl: 72px;
  --weight-2xl: Extrabold;
  --size-3xs: 11px;
  --size-lg: 22px;
}

[data-lang="ENG"] {
  --weight-base: Regular;
  --weight-md: Medium;
  --weight-lg: Semibold;
  --weight-xl: Bold;
  --size-2xs: 12px;
  --size-xs: 14px;
  --size-sm: 15px;
  --size-base: 16px;
  --size-md: 18px;
  --size-xl: 24px;
  --size-2xl: 26px;
  --size-3xl: 28px;
  --size-4xl: 36px;
  --size-5xl: 40px;
  --size-6xl: 44px;
  --size-7xl: 56px;
  --line-height-3xs: 14px;
  --line-height-2xs: 16px;
  --line-height-xs: 20px;
  --line-height-sm: 22px;
  --line-height-base: 24px;
  --line-height-md: 26px;
  --line-height-lg: 32px;
  --line-height-xl: 34px;
  --line-height-2xl: 38px;
  --line-height-3xl: 48px;
  --line-height-4xl: 56px;
  --line-height-5xl: 64px;
  --line-height-6xl: 72px;
  --weight-2xl: Extrabold;
  --size-3xs: 11px;
  --size-lg: 22px;
}


:root {
  --font-family-body: Paperlogy 4 Regular;
  --font-family-display: Paperlogy 9 Black;
  --font-family-headline: Paperlogy 6 SemiBold;
  --font-size-body-lg-normal: 16px;
  --font-size-body-lg-reading: 16px;
  --font-size-body-md-normal: 15px;
  --font-size-body-md-reading: 15px;
  --font-size-body-sm-normal: 14px;
  --font-size-body-sm-reading: 14px;
  --font-size-caption-2xs: 11px;
  --font-size-caption-sm: 14px;
  --font-size-caption-xs: 12px;
  --font-size-display-lg: 56px;
  --font-size-display-md: 44px;
  --font-size-headline-lg: 26px;
  --font-size-headline-md: 24px;
  --font-size-headline-sm: 22px;
  --font-size-headline-xs: 18px;
  --font-size-label-md: 16px;
  --font-size-label-sm: 14px;
  --font-size-label-xs: 12px;
  --font-size-title-lg: 40px;
  --font-size-title-md: 36px;
  --font-size-title-sm: 28px;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-medium: 500;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --line-height-body-lg-normal: 24px;
  --line-height-body-lg-reading: 26px;
  --line-height-body-md-normal: 22px;
  --line-height-body-md-reading: 24px;
  --line-height-body-sm-normal: 20px;
  --line-height-body-sm-reading: 22px;
  --line-height-caption-2xs: 14px;
  --line-height-caption-sm: 16px;
  --line-height-caption-xs: 14px;
  --line-height-display-lg: 72px;
  --line-height-display-md: 64px;
  --line-height-headline-lg: 34px;
  --line-height-headline-md: 32px;
  --line-height-headline-sm: 32px;
  --line-height-headline-xs: 26px;
  --line-height-label-md: 20px;
  --line-height-label-sm: 20px;
  --line-height-label-xs: 16px;
  --line-height-title-lg: 56px;
  --line-height-title-md: 48px;
  --line-height-title-sm: 38px;
  --spacing-grid-breakpoint: 375px;
  --spacing-grid-gutter: 16px;
  --spacing-grid-margin: 20px;
  --spacing-unit-10: 10px;
  --spacing-unit-12: 12px;
  --spacing-unit-14: 14px;
  --spacing-unit-16: 16px;
  --spacing-unit-20: 20px;
  --spacing-unit-24: 24px;
  --spacing-unit-28: 28px;
  --spacing-unit-32: 32px;
  --spacing-unit-36: 36px;
  --spacing-unit-4: 4px;
  --spacing-unit-40: 40px;
  --spacing-unit-48: 48px;
  --spacing-unit-52: 52px;
  --spacing-unit-56: 56px;
  --spacing-unit-6: 6px;
  --spacing-unit-60: 60px;
  --spacing-unit-64: 64px;
  --spacing-unit-72: 72px;
  --spacing-unit-8: 8px;
  --spacing-unit-80: 80px;
  --spacing-unit-96: 96px;
  --spacing-unit-negative-n16: -16px;
  --spacing-unit-negative-n24: -24px;
  --spacing-unit-negative-n32: -32px;
  --spacing-unit-negative-n40: -40px;
  --spacing-unit-negative-n48: -48px;
  --spacing-unit-negative-n56: -56px;
  --spacing-unit-negative-n64: -64px;
  --spacing-unit-negative-n8: -8px;
}

[data-theme="light"] {
  --accent-background-blue: #eff6ff;
  --accent-background-cyan: #e6f7ff;
  --accent-background-green: #f0fff4;
  --accent-background-light-blue: #e8f4ff;
  --accent-background-orange: #fff4eb;
  --accent-background-pink: #fff0f6;
  --accent-background-purple: #f5f3ff;
  --accent-background-red: #fff0f0;
  --accent-background-teal: #e6fffa;
  --accent-background-yellow: #fffbe6;
  --accent-foreground-blue: #6366f1;
  --accent-foreground-cyan: #06b6d4;
  --accent-foreground-green: #22c55e;
  --accent-foreground-light-blue: #3b82f6;
  --accent-foreground-orange: #f97316;
  --accent-foreground-pink: #ec4899;
  --accent-foreground-purple: #8b5cf6;
  --accent-foreground-red: #ef4444;
  --accent-foreground-teal: #14b8a6;
  --accent-foreground-yellow: #eab308;
  --assistive-heavy: #ffffff66;
  --assistive-normal: #ffffff1a;
  --assistive-strong: #ffffff33;
  --background-elevated-alternative: #f3f4f6;
  --background-elevated-normal: #ffffff;
  --background-normal-alternative: #f9fafb;
  --background-normal-normal: #ffffff;
  --component-fill-background: #fafafa;
  --component-fill-heavy: #e5e7eb;
  --component-fill-normal: #f9fafb;
  --component-fill-strong: #f3f4f6;
  --inverse-background: #1a1d21;
  --inverse-label: #ffffff;
  --inverse-primary: #8b5cf6;
  --label-btn-disable: #d1d5db;
  --label-btn-heavy: #0f172a;
  --label-btn-normal: #1a1d21;
  --label-primary: #1a1d21;
  --label-quaternary: #d1d5db;
  --label-quinary: #ffffff;
  --label-secondary: #4b5563;
  --label-tertiary: #9ca3af;
  --line-opacity-heavy: #1a1d2166;
  --line-opacity-normal: #1a1d211a;
  --line-opacity-strong: #1a1d2133;
  --line-solid-heavy: #9ca3af;
  --line-solid-normal: #e5e7eb;
  --line-solid-strong: #d1d5db;
  --primary-filled-bright: #a5b4fc;
  --primary-filled-heavy: #4338ca;
  --primary-filled-normal: #6366f1;
  --primary-filled-strong: #4f46e5;
  --primary-opacity-bright: #6366f10d;
  --primary-opacity-heavy: #6366f166;
  --primary-opacity-normal: #6366f11a;
  --primary-opacity-strong: #6366f133;
  --static-black: #000000;
  --static-white: #ffffff;
  --status-negative: #ef4444;
  --status-positive: #10b981;
  --status-warning: #f59e0b;
}