:root {
    /* Main Brand Colors (from cardio.css) */
    --primary-color: #8f7a94;
    --primary-color-hover: #d83ada;
    --secondary-color:#e0ce8d;

    /* Text Colors */
    --text-color: #2a3237;
    --text-muted: #8a8e91;
    --text-muted-dark: #989da0;
    --text-white: #ffffff;
    --text-nav-mobile: #aaa;

    /* Background Colors */
    --bg-white: #ffffff;
    --bg-gray: #f7f7f7;
    --bg-dark-gray: #afafaf;
    --bg-overlay: rgba(255, 255, 255, 0.5);

    /* UI Elements & Borders */
    --border-light: #ddd;
    --border-medium: #bbb;
    --border-divider: #e6e6e6;
    --success-color: #4caf50;

    /* Welcome Page Specifics (from welcome_page.css) */
    --welcome-text: #231f20;
    --welcome-link: #308282;
    --welcome-link-hover: #ea1b10;
    --welcome-accent: #43b1b0;
    --welcome-icon-border: #d9d9d9;
    --gray: gray;
    --white: #ffffff;
}