:root { --background: #ffffff; --ink: #000000; /* Brand colours */ --bb-coral: #ff4e4e; --bb-coral-light: #f97777; --bb-indigo: #6e56ff; --bb-indigo-light: #9f8fff; --bb-lime: #ecffb5; --bb-forest-green: #053835; --bb-beige: #f6efea; --grey-1: #fafafa; --grey-2: #f5f5f5; --grey-3: #eeeeee; --grey-4: #e0e0e0; --grey-5: #bdbdbd; --grey-6: #9e9e9e; --grey-7: #757575; --grey-8: #616161; --grey-9: #424242; --blue-light: #f1f4fc; --blue: #4285f4; --blue-dark: #2f4c9b; --red-light: #ffe6e6; --red: #e26d69; --red-dark: #800400; --yellow-light: #fff7e6; --yellow: #ffd26a; --yellow-dark: #805900; --orange-light: #fff0e6; --orange: #f0955a; --orange-dark: #803300; --green-light: #e6ffeb; --green: #84c991; --green-dark: #008017; --purple-light: #e9e6ff; --purple: #806fde; --purple-dark: #130080; --rounded-small: 4px; --rounded-medium: 8px; --rounded-large: 16px; --font-sans: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-accent: "Source Sans Pro", -apple-system, BlinkMacSystemFont, Segoe UI, "Inter", "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-serif: "Georgia", Cambria, Times New Roman, Times, serif; --font-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spectrum-alias-body-text-font-family: var(--font-sans); font-size: 16px; --font-size-xs: 0.75rem; --font-size-s: 0.875rem; --font-size-m: 1rem; --font-size-l: 1.15rem; --font-size-xl: 1.3rem; --heading-font-size-xs: 0.875rem; --heading-font-size-s: 1.12rem; --heading-font-size-m: 1.5rem; --heading-font-size-l: 2.6rem; --heading-font-size-xl: 3rem; --font-render: optimizeLegibility; --font-smooth: antialiased; --spacing-xs: 0.25rem; --spacing-s: 0.5rem; --spacing-m: 0.75rem; --spacing-l: 1rem; --spacing-xl: 1.25rem; --layout-xs: 1.25rem; --layout-s: 1.5rem; --layout-m: 2rem; --layout-l: 3rem; --layout-xl: 4rem; --border-radius-xs: 0.125rem; --border-radius-s: 0.35rem; --border-radius-m: 0.5rem; --border-radius-l: 1rem; --border-radius-xl: 100rem; --border-black: 2px var(--ink) solid; --border-dark: 2px var(--grey-7) solid; --border-grey: 1px var(--grey-4) solid; --border-grey-2: 2px var(--grey-4) solid; --border-light: 1px var(--grey-3) solid; --border-light-2: 2px var(--grey-3) solid; --border-blue: 2px var(--blue) solid; --border-transparent: 2px transparent solid; --spectrum-alias-text-color-disabled: var(--spectrum-global-color-gray-600); } a { text-decoration: none; } /* Custom theme additions */ .spectrum--darkest { --drop-shadow: rgba(0, 0, 0, 0.6); --spectrum-global-color-red-100: #570000; --spectrum-global-color-orange-100: #481801; --spectrum-global-color-yellow-100: #352400; --spectrum-global-color-green-100: #002f07; --spectrum-global-color-seafoam-100: #122b2a; --spectrum-global-color-blue-100: #002651; --spectrum-global-color-indigo-100: #1a1d61; --spectrum-global-color-magenta-100: #530329; } .spectrum--dark { --drop-shadow: rgba(0, 0, 0, 0.3); --spectrum-global-color-red-100: #7b0000; --spectrum-global-color-orange-100: #662500; --spectrum-global-color-yellow-100: #4c3600; --spectrum-global-color-green-100: #00450a; --spectrum-global-color-seafoam-100: #12413f; --spectrum-global-color-blue-100: #003877; --spectrum-global-color-indigo-100: #282c8c; --spectrum-global-color-magenta-100: #76003a; } .spectrum--light, .spectrum--lightest { --drop-shadow: rgba(0, 0, 0, 0.075); --spectrum-global-color-red-100: #ffebe7; --spectrum-global-color-orange-100: #ffeccc; --spectrum-global-color-yellow-100: #fbf198; --spectrum-global-color-green-100: #cef8e0; --spectrum-global-color-seafoam-100: #cef7f3; --spectrum-global-color-blue-100: #e0f2ff; --spectrum-global-color-indigo-100: #edeeff; --spectrum-global-color-magenta-100: #ffeaf1; }