/* ================= */ // ABSTRACTS: VARIABLES GENERAL /* ================= */
// github.com/twbs/bootstrap/blob/main/scss/_variables.scss
$white: fff !default; $gray-100: f8f9fa !default; $gray-200: e9ecef !default; $gray-300: dee2e6 !default; $gray-400: ced4da !default; $gray-500: adb5bd !default; $gray-600: #6c757d !default; $gray-700: #495057 !default; $gray-800: #343a40 !default; $gray-900: #212529 !default; $black: #000 !default;
$blue: #0d6efd !default; $indigo: #6610f2 !default; $purple: #6f42c1 !default; $pink: d63384 !default; $red: dc3545 !default; $orange: fd7e14 !default; $yellow: ffc107 !default; $green: #198754 !default; $teal: #20c997 !default; $cyan: #0dcaf0 !default;
$primary: $blue !default; $secondary: $gray-600 !default; $success: $green !default; $info: $cyan !default; $warning: $yellow !default; $danger: $red !default; $light: $gray-100 !default; $dark: $gray-900 !default;
$theme-colors: () !default; // stylelint-disable-next-line scss/dollar-variable-default $theme-colors: map-merge(
( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark, ), $theme-colors
);
$grid-breakpoints: (
xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px,
) !default;
//font-family: 'Nunito Sans', sans-serif; //font-family: 'Poppins', sans-serif; $font-family-base: “Guillon”; $headings-font-family: “Guillon”, sans-serif; $font-family-sans-serif: “Inter”, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial,
sans-serif;
$font-family-monospace: “Space Mono”, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace;
$enable-grid-classes: false; $spacer: 1rem; $border-width: 0; $btn-border-radius: 0.25rem;
$card-border-color: rgba($black, 0.0625); $card-spacer-x: 3rem;
/* ================= */ // ABSTRACTS: VARIABLES LIGHT /* ================= */
html, html {
--light-text-color: hsl(0, 0%, 35%); --main-background-color: hsl(0, 5%, 95%); --main-text-color: hsl(0, 0%, 0%);
}
/* ================= */ // ABSTRACTS: VARIABLES DARK /* ================= */
html {
--light-text-color: hsl(0, 0%, 60%); --main-background-color: hsl(0, 0%, 10%); --main-text-color: hsl(0, 10%, 80%);
}
@media (prefers-color-scheme: dark) {
html { content: "dark"; }
}