/* ============================================
   WELLCANN BASE CSS
   CSS reset, :root variables, typography, body defaults
   Extracted from existing inline styles — nothing new invented
   ============================================ */

:root {
    /* Primary brand colors (--primary naming) */
    --primary: #4a8165;
    --primary-dark: #2d5a47;
    --primary-light: #e8f5ef;
    --secondary: #7cb342;
    --gradient: linear-gradient(135deg, #4a8165, #7cb342);
    --gradient-dark: linear-gradient(135deg, #2d5a47, #4a8165);

    /* Alternate naming used by some portals */
    --primary-color: #4a8165;
    --primary-teal: #4a8165;
    --secondary-color: #7cb342;
    --secondary-green: #7cb342;
    --gradient-primary: linear-gradient(135deg, #4a8165, #7cb342);

    /* --wc- prefixed set (used by pathway pages) */
    --wc-primary: #4a8165;
    --wc-secondary: #7cb342;
    --wc-gradient: linear-gradient(135deg, #4a8165, #7cb342);
    --wc-gradient-light: linear-gradient(135deg, #e8f5e9, #f1f8e9);

    /* Semantic status colors */
    --alert-red: #e53e3e;
    --alert-red-bg: #fff5f5;
    --warning-amber: #ff9800;
    --warning-amber-bg: #fffbeb;
    --success-green: #4caf50;
    --success-green-bg: #f0fdf4;
    --info-blue: #3b82f6;
    --info-blue-bg: #eff6ff;

    /* Alternate status naming */
    --urgent-color: #e53e3e;
    --urgent: #e53e3e;
    --warning-color: #f59e0b;
    --success-color: #22c55e;
    --info-color: #3b82f6;
    --wc-alert-red: #e53e3e;
    --wc-amber: #f59e0b;
    --wc-blue: #3b82f6;

    /* Gray scale (--wc- prefix) */
    --wc-gray-50: #f8fafc;
    --wc-gray-100: #f1f5f9;
    --wc-gray-200: #e2e8f0;
    --wc-gray-300: #cbd5e1;
    --wc-gray-500: #64748b;
    --wc-gray-600: #475569;
    --wc-gray-800: #1e293b;

    /* Border / radius / shadow tokens */
    --card-radius: 15px;
    --button-radius: 8px;
    --pill-radius: 15px;
    --wc-radius-sm: 8px;
    --wc-radius-md: 12px;
    --wc-radius-lg: 15px;
    --shadow: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-hover: 0 8px 24px rgba(0,0,0,0.15);
    --shadow-deep: 0 12px 40px rgba(0,0,0,0.12);
    --standard-shadow: 0 4px 12px rgba(0,0,0,0.1);
    --hover-shadow: 0 6px 20px rgba(0,0,0,0.15);
    --wc-shadow: 0 4px 12px rgba(0,0,0,0.1);
    --wc-shadow-hover: 0 8px 25px rgba(0,0,0,0.15);
    --wc-transition: all 0.3s ease;
    --border-accent: 4px solid #4a8165;

    /* Typography */
    --font-main: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --text-primary: #2c3e50;
    --text-secondary: #5a6c7d;
    --text-muted: #8899aa;
    --border: #e2e8f0;
}

/* CSS Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* Body defaults */
body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(135deg, #f8fffe 0%, #e8f5f0 100%);
    min-height: 100vh;
    color: #2c3e50;
    line-height: 1.6;
}

/* Utility */
.hidden { display: none !important; }