50 lines
1.7 KiB
CSS
50 lines
1.7 KiB
CSS
:root {
|
|
--color-background: #060c14;
|
|
--color-background-alt: #111b2a;
|
|
--color-background-deep: #040914;
|
|
--color-footer-background: #02050d;
|
|
--color-surface-soft: rgba(255, 255, 255, 0.025);
|
|
--color-border: #273446;
|
|
--color-border-strong: #3b536d;
|
|
--color-text: #e7edf6;
|
|
--color-text-muted: #a5b3c4;
|
|
--color-heading: #f7fbff;
|
|
--color-link: #ffd369;
|
|
--color-link-hover: #fff1b8;
|
|
--color-link-external: #6de0b8;
|
|
--color-link-external-hover: #9ef7d6;
|
|
--color-link-affiliated: #e792ff;
|
|
--color-link-affiliated-hover: #f3b8ff;
|
|
--color-link-dead-404: #ff9fb3;
|
|
--color-link-dead-404-hover: #ffd4df;
|
|
--color-accent-1: #76a7d7;
|
|
--color-accent-2: #5d86ad;
|
|
--color-accent-3: #c3d0df;
|
|
--color-background-wash-light: #76a7d7;
|
|
--color-background-wash-mid: #5d86ad;
|
|
--color-background-wash-deep: #273446;
|
|
--color-background-wash: var(--color-background-wash-mid);
|
|
--color-section-divider-1: #e7b83f;
|
|
--color-section-divider-2: #8f6ad8;
|
|
--color-section-divider-3: #d97a3f;
|
|
--color-strong-highlight: #8f3340;
|
|
--border-width-regular: 2px;
|
|
|
|
--font-body: "Source Sans 3", "Noto Sans", "DejaVu Sans", sans-serif;
|
|
--font-heading: "Avenir Next Condensed", "Franklin Gothic Medium", "Arial Narrow", sans-serif;
|
|
--font-size-root-min: 16px;
|
|
--font-size-body: clamp(1.1875rem, 1.05rem + 0.55vw, 1.3125rem);
|
|
--font-size-body-mobile: 1.1875rem;
|
|
--font-size-reading: clamp(1.2rem, 1.08rem + 0.45vw, 1.34rem);
|
|
|
|
--space-1: 0.35rem;
|
|
--space-2: 0.6rem;
|
|
--space-3: 0.9rem;
|
|
--space-4: 1.2rem;
|
|
--space-5: 1.7rem;
|
|
--space-6: 2.4rem;
|
|
|
|
--max-width: 92rem;
|
|
--max-width-reading: 54rem;
|
|
}
|