// — SCSS variables —
// Used to configure bootstrap defaults and anywhere in application SCSS. // Documentation is available here: spin-design.infotorg-eastnor-test.dds.evry.cloud/#/Design%20Tokens
// Colors $color-info-blue-lightest: rgb(229, 242, 255); $primary: rgb(0, 125, 128); $color-calm-grey: rgb(151, 163, 170); $color-nordic-teal-dark: rgb(0, 100, 102); $color-happy-green-lightest: rgb(232, 252, 232); $color-navy-blue: rgb(6, 58, 86); $color-clear-blue-lightest: rgb(222, 242, 253); $color-calm-grey-lighter: rgb(224, 228, 230); $color-nice-grey: rgb(247, 248, 250); // f7f8fa $color-clear-blue: rgb(12, 113, 167); $color-happy-green: rgb(68, 153, 51); $color-clear-purple: rgb(89, 41, 137); $color-calm-grey-lightest: rgb(244, 245, 246); $color-clear-blue-dark: rgb(8, 80, 119); $color-info-blue: rgb(56, 120, 183); $color-error-red-lightest: rgb(255, 235, 238); $color-nordic-teal: rgb(0, 125, 128); $color-calm-grey-dark: rgb(103, 117, 126); $color-warning-yellow: rgb(245, 175, 0); $color-calm-grey-darkest: rgb(34, 39, 42); // #22272a $secondary: rgb(6, 58, 86); $color-calm-grey-light: rgb(196, 203, 207); $color-warning-yellow-lightest: rgb(255, 243, 214); $color-nordic-teal-lightest: rgb(217, 242, 238); $color-error-red: rgb(198, 42, 60); $color-calm-grey-darker: rgb(69, 78, 84); $color-clear-blue-light: rgb(160, 217, 248);
// Font $font-heading: ('Fira Sans', Helvetica, Arial, sans-serif); $font-text: (Roboto, Helvetica, Arial, sans-serif);
// Font size $font-size-xl: 1.75rem; $font-size-xxxl: 3rem; $font-size-s: 0.875rem; $font-size-xs: 0.75rem; $font-size-h1: 2.25rem; $font-size-h2: 1.5rem; $font-size-h3: 1.125rem; $font-size-h4: 1rem; $font-size-h5: 0.875rem; $font-size-h6: 0.75rem; $font-size-l: 1.25rem; $font-size-xxl: 2,25rem; $font-size-m: 1rem;
// Font weight $weight-bold: 700; $weight-semi-bold: 600; $weight-normal: 400; $weight-light: 300; $font-weight-bold: 700; $font-weight-semi-bold: 600; $font-weight-normal: 400; $font-weight-light: 300;
// Spacing $space-xxl: 128px; $space-xl: 64px; $space-l: 48px; $space-m: 24px; $space-s: 16px; $space-xs: 8px; $space-xxs: 4px;
// Line height $line-height-m: 1.6; $line-height-s: 1.3; $line-height-xs: 1;