/**
 * News Variables
 * Shared CSS variables for all news-related components
 * Based on SU Design System
 */

:root {
    /* SU Design System Colors */
    --color-su-primary: #002f5f;
    --color-su-secondary: #acdee6;
    --color-su-secondary-lighter: #e3f4f7;
    --color-su-secondary-lightest: #eef9fa;
    --color-su-complementary: #33587f;
    --color-su-white: #fff;
    --color-su-light-grey: #dadada;
    --color-text-su-base: #4b4b4b;
    
    /* SU Design System Fonts */
    --font-family-su-light-sans-serif: TheSansB2-Light, Verdana, sans-serif;
    --font-family-su-semi-bold-sans-serif: TheSansC5-SemiBoldWeb, Verdana, sans-serif;
    
    /* SU Design System Sizing */
    --su-border-radius-medium: 8px;
    --su-font-size-small: .8125rem;
    --su-font-size-medium: 1rem;
    --su-font-size-base: 1.125rem;
}