/*
Theme Name: Breast Connect
Theme URI: https://breastconnect.org
Author: Loran Digital
Description: Custom ACF Pro theme for Breast Connect, a breast cancer support nonprofit.
Version: 1.0.0
Requires PHP: 8.0
Text Domain: breast-connect
*/

:root {
    /* Brand — NO peach/blush (client feedback) */
    --teal: #21a5a5;
    --teal-hover: #1a8a8a;
    --teal-light: rgba(33, 165, 165, 0.06);
    --navy: #1a363d;
    --navy-light: #2a4a52;
    --coral: #e8775f;
    --blue-gray: #b4c7ca;
    --blue-gray-light: #d0dfe2;
    --warm-white: #fafaf8;
    --soft-gray: #f5f6f4;
    --gray: #eeeeee;
    --gray-text: #6b7c80;
    --white: #ffffff;

    /* Typography */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Karla', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Spacing */
    --section-padding: clamp(48px, 6vw, 80px);
    --container-max: 1400px;
    --container-padding: 40px;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.3s ease;
    --transition-slow: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    /* Shadows */
    --shadow-card: 0 20px 60px rgba(26, 54, 61, 0.14), 0 4px 16px rgba(26, 54, 61, 0.06);
    --shadow-hover: 0 28px 70px rgba(26, 54, 61, 0.18);
    --shadow-button: 0 6px 20px rgba(33, 165, 165, 0.35);
    --shadow-nav: 0 2px 8px rgba(26, 54, 61, 0.06);

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 50px;
}