/* Shell layout & design tokens (typography utilities: repot-utilities.css) */
:root {
    /* scroll bar */
    --repot-scroll-bar-negative-width: -1rem;
    --repot-scroll-bar-width: 1rem;
    --border: 1px solid var(--repot-gray-200);
    /* navigation */
    --repot-navigation-links-gap: .375rem;
    --repot-navigation-links-collapsed-gap: .375rem;
    --repot-navigation-links-collapsed-max-width: calc(4.525rem);
    --repot-top-header-height: 4.5rem;
    --repot-navigation-mobile-icon-font-size: 1.25rem;
    --repot-left-sidebar-width: 16rem;
    /* modal */
    --repot-modal-padding: 1.5rem;
    /* shadows */
    --repot-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
    --repot-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px 0 rgba(0, 0, 0, 0.05);
} 

/* colors */
:root {
    --repot-background: #F5F5F5;
    --repot-black: #000000;
    --repot-blue-50: #EBF5FF;
    --repot-blue-100: #E1EFFE;
    --repot-blue-200: #C3DDFD;
    --repot-blue-300: #A4CAFE;
    --repot-blue-400: #76A9FA;
    --repot-blue-500: #3F83F8;
    --repot-blue-600: #1C64F2;
    --repot-blue-700: #1A56DB;
    --repot-blue-800: #1E429F;
    --repot-blue-900: #233876;
    --repot-gray-50: #F9FAFB;
    --repot-gray-100: #F3F4F6;
    --repot-gray-200: #E5E7EB;
    --repot-gray-300: #D1D5DB;
    --repot-gray-400: #9CA3AF;
    --repot-gray-500: #6B7280;
    --repot-gray-600: #4B5563;
    --repot-gray-700: #374151;
    --repot-gray-800: #1F2A37;
    --repot-gray-900: #111928;
    --repot-green-50: #F3FAF7;
    --repot-green-100: #DEF7EC;
    --repot-green-200: #BCF0DA;
    --repot-green-300: #84E1BC;
    --repot-green-400: #31C48D;
    --repot-green-500: #0E9F6E;
    --repot-green-600: #057A55;
    --repot-green-700: #046C4E;
    --repot-green-800: #03543F;
    --repot-green-900: #014737;
    --repot-indigo-50: #F0F5FF;
    --repot-indigo-100: #E5EDFF;
    --repot-indigo-200: #CDDBFE;
    --repot-indigo-300: #B4C6FC;
    --repot-indigo-400: #8DA2FB;
    --repot-indigo-500: #6875F5;
    --repot-indigo-600: #5850EC;
    --repot-indigo-700: #5145CD;
    --repot-indigo-800: #42389D;
    --repot-indigo-900: #362F78;
    --repot-orange-50: #FFF8F1;
    --repot-orange-100: #FEECDC;
    --repot-orange-200: #FCD9BD;
    --repot-orange-300: #FDBA8C;
    --repot-orange-400: #FF8A4C;
    --repot-orange-500: #FF5A1F;
    --repot-orange-600: #D03801;
    --repot-orange-700: #B43403;
    --repot-orange-800: #8A2C0D;
    --repot-orange-900: #771D1D;
    --repot-pink-50: #FDF2F8;
    --repot-pink-100: #FCE8F3;
    --repot-pink-200: #FAD1E8;
    --repot-pink-300: #F8B4D9;
    --repot-pink-400: #F17EB8;
    --repot-pink-500: #E74694;
    --repot-pink-600: #D61F69;
    --repot-pink-700: #BF125D;
    --repot-pink-800: #99154B;
    --repot-pink-900: #751A3D;
    --repot-primary-50: #EBF5FF;
    --repot-primary-100: #E1EFFE;
    --repot-primary-200: #C3DDFD;
    --repot-primary-300: #A4CAFE;
    --repot-primary-400: #76A9FA;
    --repot-primary-500: #3F83F8;
    --repot-primary-600: #1C64F2;
    --repot-primary-700: #1A56DB;
    --repot-primary-800: #1E429F;
    --repot-primary-900: #233876;
    --repot-purple-50: #F6F5FF;
    --repot-purple-100: #EDEBFE;
    --repot-purple-200: #DCD7FE;
    --repot-purple-300: #CABFFD;
    --repot-purple-400: #AC94FA;
    --repot-purple-500: #9061F9;
    --repot-purple-600: #7E3AF2;
    --repot-purple-700: #6C2BD9;
    --repot-purple-800: #5521B5;
    --repot-purple-900: #4A1D96;
    --repot-red-50: #FDF2F2;
    --repot-red-100: #FDE8E8;
    --repot-red-200: #FBD5D5;
    --repot-red-300: #F8B4B4;
    --repot-red-400: #F98080;
    --repot-red-500: #F05252;
    --repot-red-600: #E02424;
    --repot-red-700: #C81E1E;
    --repot-red-800: #9B1C1C;
    --repot-red-900: #771D1D;
    --repot-social-dribbble: #EA4C89;
    --repot-social-facebook: #35518D;
    --repot-social-github: #1B1F23;
    --repot-social-google: #4284F4;
    --repot-social-twitter: #1DA1F2;
    --repot-teal-50: #EDFAFA;
    --repot-teal-100: #D5F5F6;
    --repot-teal-200: #AFECEF;
    --repot-teal-300: #7EDCE2;
    --repot-teal-400: #16BDCA;
    --repot-teal-500: #0694A2;
    --repot-teal-600: #047481;
    --repot-teal-700: #036672;
    --repot-teal-800: #05505C;
    --repot-teal-900: #014451;
    --repot-white: #FFFFFF;
    --repot-yellow-50: #FDFDEA;
    --repot-yellow-100: #FDF6B2;
    --repot-yellow-200: #FCE96A;
    --repot-yellow-300: #FACA15;
    --repot-yellow-400: #E3A008;
    --repot-yellow-500: #C27803;
    --repot-yellow-600: #9F580A;
    --repot-yellow-700: #8E4B10;
    --repot-yellow-800: #723B13;
    --repot-yellow-900: #633112;
    --repot-border-subtle: #DEE2E6;
    --repot-surface-muted: #F8F9FA;
    --repot-text: var(--repot-gray-600);
}