/* Shared color palette for the active design theme. */
:root {
    /* Brand */
    --color-brand-primary: #b5121b;
    --color-brand-accent: #d71920;
    --color-brand-hover: #c81520;
    --color-brand-highlight: #ff4a50;

    /* Text and surfaces */
    --color-ink: #24272b;
    --color-ink-dark: #25272b;
    --color-ink-deep: #252529;
    --color-ink-logo: #292b30;
    --color-surface-dark: #303338;
    --color-text-muted: #6d7075;
    --color-text-medium: #62656a;
    --color-text-soft: #d2d3d5;
    --color-text-secondary: #bfc2c6;
    --color-white: #fff;
    --color-surface-neutral: #f4f4f5;
    --color-surface-soft: #f5f5f5;
    --color-surface-muted: #f5f5f6;
    --color-surface-hover: #f7f7f8;
    --color-surface-subtle: #ececee;
    --color-map-canvas: #faf9f8;

    /* Borders */
    --color-border: #ddd;
    --color-border-primary: #e3e4e6;
    --color-border-muted: #e4e4e6;
    --color-border-soft: #dedee0;
    --color-border-project: #d9d9db;
    --color-border-subtle: #d5d5d7;
    --color-border-card: #e5e5e7;
    --color-border-dropdown: #ededee;
    --color-border-neutral: #e4e4e4;

    /* Translucent treatments */
    --color-overlay-white-18: rgba(255, 255, 255, .18);
    --color-overlay-white-35: rgba(255, 255, 255, .35);
    --color-overlay-white-soft: rgba(255, 255, 255, .035);
    --color-overlay-white-faint: rgba(255, 255, 255, .018);
    --color-overlay-white-minimal: rgba(255, 255, 255, .012);
    --color-overlay-brand-28: rgba(181, 18, 27, .28);
    --color-overlay-brand-18: rgba(181, 18, 27, .18);
    --color-overlay-brand-12: rgba(181, 18, 27, .12);
    --color-overlay-brand-soft: rgba(181, 18, 27, .045);
    --color-overlay-brand-faint: rgba(181, 18, 27, .04);
    --color-overlay-hero-dark: rgba(34, 35, 38, .96);
    --color-overlay-hero-wine: rgba(46, 27, 29, .82);
}