:root {
    /* Primary Colors - Green Palette for Health/Professional feel */
    --primary-color: #059669;
    /* Emerald 600 */
    --primary-hover-color: #047857;
    /* Emerald 700 */
    --secondary-color: #334155;
    /* Slate 700 */

    /* Background Gradients */
    --background-gradient-start: #10b981;
    /* Emerald 500 */
    --background-gradient-end: #0f172a;
    /* Slate 900 */

    /* Text Colors */
    --text-color-dark: #1e293b;
    /* Slate 800 */
    --text-color-light: #64748b;
    /* Slate 500 */

    /* UI Elements */
    --card-background: #ffffff;
    --border-color: #e2e8f0;
    /* Slate 200 */
    --input-focus-border: #10b981;
    /* Emerald 500 */
    --error-color: #ef4444;
    /* Red 500 */

    /* Fonts */
    --font-main: 'Sarabun', sans-serif;
}

body {
    font-family: var(--font-main) !important;
    color: var(--text-color-dark);
    background-color: #f1f5f9;
    /* Slate 100 */
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}