:root {
    /* Brand Colors (from logo) */
    --color-primary: #2f8f6b;   /* Care green */
    --color-secondary: #1f5d91; /* Medical blue */
    --color-accent: #3fb8a2;

    /* Neutral Palette */
    --color-bg: #f8fafc;
    --color-bg-soft: #ffffff;
    --color-text: #0f172a;
    --color-muted: #64748b;
    --color-border: #e2e8f0;

    /* Status */
    --color-success: #16a34a;
    --color-warning: #f59e0b;
    --color-danger: #dc2626;

    /* Layout */
    --container-width: 1200px;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;

    /* Motion */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
}