/* :root { --small-text-font-family: "Inter", Helvetica; --small-text-font-weight: 500; --small-text-font-size: 16px; --small-text-letter-spacing: 0px; --small-text-line-height: 150%; --small-text-font-style: normal; --subheading-font-family: "Inter", Helvetica; --subheading-font-weight: 400; --subheading-font-size: 24px; --subheading-letter-spacing: 0px; --subheading-line-height: 150%; --subheading-font-style: normal; --button-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); --colors-text-text-default: var(--colors-text-default-default); --colors-text-default-default: var(--colors-black-800); --colors-black-800: rgba(0, 0, 0, 0.9); --colors-border-border-default: var(--colors-border-default-default); --colors-border-default-default: var(--colors-grey-200); --colors-grey-200: rgba(230, 230, 230, 1); --colors-white-1000: rgba(255, 255, 255, 1); --variable-collection-spacing-s: 24px; --variable-collection-spacing-XS: 8px; --variable-collection-spacing-m: 48px; --variable-collection-spacing-SM: 32px; ; } */ [data-bs-theme=light]{ --bs-body-bg: #f1f1f1 !important; --bs-tertiary-bg-rgb:244, 244, 244 ; --bs-navbar-color:#000A00 !important; --color-red:#9C2A27; --color-blue:#304A6C; --color-orange:#B2612D; --color-strong:#d15000; --color-vert:#47757C; --color-bleugris:#1B3247; --color-beige:#f1e6ca; --color-beige2:#cabfa2; } [data-bs-theme=dark]{ --bs-body-bg: #2c2828 !important; } [data-toggle="collapse"] .fa:before { content: "\f139"; } [data-toggle="collapse"].collapsed .fa:before { content: "\f13a"; } /* To enable a theme in your HTML, simply add one of the following data attributes to an HTML element, like so: You can apply the theme on any DOM node, not just the `body` */ [data-colors-mode="light"] { --colors-text-default-default: var(--colors-black-800); } [data-colors-mode="dark"] { --colors-text-default-default: var(--colors-white-1000); } [data-colors-mode="figjam-light"] { --colors-text-default-default: var(--colors-black-800); } [data-colors-mode="figjam-dark"] { --colors-text-default-default: var(--colors-white-1000); } [data-colors-mode="handoff-light"] { --colors-text-default-default: var(--colors-black-800); } [data-colors-mode="handoff-dark"] { --colors-text-default-default: var(--colors-white-1000); } [data-colors-mode="flides-light"] { --colors-text-default-default: var(--colors-black-800); } [data-colors-mode="flides-dark"] { --colors-text-default-default: var(--colors-white-1000); } [data-colors-mode="sites-light"] { --colors-text-default-default: var(--colors-black-800); } [data-colors-mode="sites-dark"] { --colors-text-default-default: var(--colors-white-1000); }