: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;
}