/* CC 2026 — official POP palette. Legacy aliases keep existing components
   maintainable; sections distribute accents rather than sharing one master hue. */
:root {
    --cc-blue: #27B9D7;
    --cc-purple: #582583;
    --cc-yellow: #F9B900;
    --cc-black: #161412;
    --cc-red: #E30613;
    --cc-blue-accessible: #0D7995;
    --cc-blue-soft: #EAF9FB;
    --cc-purple-soft: #F2EBF8;
    --cc-yellow-soft: #FFF7E0;
    --cc-red-soft: #FFF0F0;
    --cc-primary: var(--cc-blue);
    --cc-primary-light: var(--cc-blue);
    --cc-primary-pale: var(--cc-blue-soft);
    --cc-primary-soft: var(--cc-blue-soft);
    --cc-primary-hover: var(--cc-blue-accessible);
    --cc-primary-dark: var(--cc-blue-accessible);
    --cc-primary-deep: var(--cc-blue-accessible);
    --cc-coral: var(--cc-red);
    --cc-coral-soft: var(--cc-red-soft);
    --cc-coral-text: var(--cc-red);
    --cc-yellow-text: var(--cc-black);
    --cc-raspberry: var(--cc-red);
    --cc-raspberry-soft: var(--cc-red-soft);
    --cc-raspberry-text: var(--cc-red);
    --cc-violet: var(--cc-purple);
    --cc-violet-deep: var(--cc-purple);
    --cc-white: #FFFFFF;
    --cc-background: var(--cc-white);
    --cc-background-alt: #F8F8F6;
    --cc-background-muted: var(--cc-background-alt);
    --cc-border: #E5E6E3;
    --cc-border-control: #625F5B;
    --cc-text: var(--cc-black);
    --cc-text-heading: var(--cc-black);
    --cc-text-secondary: #625F5B;
    --cc-text-muted: var(--cc-text-secondary);
    --cc-link: var(--cc-primary-deep);
    --cc-link-hover: var(--cc-primary-dark);
    /* Brand blue belongs to the logo/accents; actions use a clear ink/white pair. */
    --cc-button-primary-bg: var(--cc-black);
    --cc-button-primary-text: var(--cc-white);
    --cc-button-primary-hover: #36332F;
    --cc-button-secondary-bg: var(--cc-white);
    --cc-button-secondary-text: var(--cc-text-heading);
    --cc-button-secondary-border: var(--cc-border-control);
    --cc-formation: var(--cc-purple);
    --cc-formation-soft: var(--cc-purple-soft);
    --cc-formation-text: var(--cc-purple);
    --cc-partition: var(--cc-primary);
    --cc-partition-soft: var(--cc-primary-soft);
    --cc-partition-text: var(--cc-primary-dark);
    --cc-event: var(--cc-yellow);
    --cc-event-soft: var(--cc-yellow-soft);
    --cc-event-text: var(--cc-yellow-text);
    /* The journal retains its original blue; red signals featured news. */
    --cc-news: var(--cc-blue);
    --cc-news-soft: var(--cc-blue-soft);
    --cc-news-text: var(--cc-blue-accessible);
    --cc-news-signal: var(--cc-red);
    /* Rounded forms echo the official logo, without stacking visual effects. */
    --cc-radius-sm: 12px;
    --cc-radius-md: 20px;
    --cc-radius-lg: 24px;
    --cc-radius-button: 999px;
    --cc-weight-body: 400;
    --cc-weight-nav: 500;
    --cc-weight-title: 600;
    --cc-weight-hero: 650;
    --cc-shadow-soft: 0 4px 18px rgb(22 20 18 / 4%);
    --cc-on-photo: #FFFFFF;
    --cc-on-photo-muted: var(--cc-white);
    --cc-photo-shade: 0, 0, 0;
    --cc-focus: var(--cc-primary-deep);
}