84 lines
3.3 KiB
CSS
84 lines
3.3 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-archive: #d4c4a0;
|
|
--color-link-archive-hover: #eadab5;
|
|
--color-link-affiliated: #e792ff;
|
|
--color-link-affiliated-hover: #f3b8ff;
|
|
--color-link-dead-404: #ff9fb3;
|
|
--color-link-dead-404-hover: #ffd4df;
|
|
--color-link-dead-marked: #ff5b6e;
|
|
--color-link-dead-marked-hover: #ff96a3;
|
|
--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;
|
|
|
|
/* Couleurs derivees pour rester compatibles avec le validateur CSS local. */
|
|
--color-body-gradient-top: #1d2c3f;
|
|
--color-body-gradient-mid: #172434;
|
|
--color-body-gradient-bottom: #080e1a;
|
|
--color-strong-highlight-start: #762b38;
|
|
--color-strong-highlight-end: #84303c;
|
|
--color-search-background: #0f1825;
|
|
--color-accent-1-border-soft: #6087af;
|
|
--color-accent-1-focus-outline: rgba(118, 167, 215, 0.78);
|
|
--color-link-dead-404-underline: rgba(255, 159, 179, 0.78);
|
|
--color-link-dead-marked-underline: rgba(255, 91, 110, 0.82);
|
|
--color-link-external-button-border: #58a598;
|
|
--color-link-external-button-background-top: #346660;
|
|
--color-link-external-button-background-bottom: #1c333b;
|
|
--color-link-external-button-border-hover: #80c6b6;
|
|
--color-link-external-button-background-top-hover: #4f7c76;
|
|
--color-link-external-button-background-bottom-hover: #223e44;
|
|
--color-border-strong-alpha-55: rgba(59, 83, 109, 0.55);
|
|
--color-border-strong-alpha-62: rgba(59, 83, 109, 0.62);
|
|
--color-border-strong-alpha-72: rgba(59, 83, 109, 0.72);
|
|
--color-content-soft-background: rgba(17, 27, 42, 0.82);
|
|
--color-chat-me-background: #0a84ff;
|
|
--color-chat-me-border: #64b2ff;
|
|
--color-chat-me-text: #f8fbff;
|
|
--color-chat-other-background: #2b3442;
|
|
--color-chat-other-border: #4a5d74;
|
|
--color-chat-other-text: #f2f7fc;
|
|
--color-chat-author-me: #dbeeff;
|
|
--color-chat-author-other: #c3d1df;
|
|
|
|
--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;
|
|
}
|