/* * Thrive-O-Matic EMS - Custom Stylesheet 
 * Tailwind CDN handles utility classes; this handles fonts and root variables.
 */

/* Import Fonts: Geist (Body) and Instrument Serif (Headings) */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');

/* Base Theme Variables */
:root {
    --font-body: 'Geist', sans-serif;
    --font-heading: 'Instrument Serif', serif;
    
    /* Core Brand Colors (Aligning with Tailwind's green palette for consistency) */
    --color-brand-green: #166534; /* Dark green for primary actions */
    --color-brand-light: #f0fdf4; /* Very light green for subtle backgrounds */
}

/* Apply Base Typography */
body {
    font-family: var(--font-body);
    background-color: #f8fafc; /* Very light slate for a clean, modern look */
    color: #0f172a; /* Dark slate for high legibility text */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: var(--font-heading);
    font-weight: 400; /* Instrument Serif is designed to shine at regular weight */
    color: #022c22; /* Deep forest green for headings */
}

/* Custom UI Utilities */
.glass-panel {
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.smooth-transition {
    transition: all 0.2s ease-in-out;
}