/*
Theme Name: dr-sweety-nephrology
Author: Almesh
Author URI: httpshttps://drsweetykakoti.com//
Description: Custom WordPress Theme for Dr Sweety Kakoti
Version: 1.0
*/


/* --- 1. CSS Variables (Color Palette) --- */
:root {
    --color-teal-breeze: #20B2AA;
    --color-coral-pink: #FF7F50;
    --color-soft-slate: #F8F9FA;
    --color-dark-slate: #2C3E50;
    --color-crisp-white: #FFFFFF;
    --color-text-body: #4A5568; /* Slightly softer than pure black for easier reading */
}

/* --- 2. Base Reset & Typography --- */
body {
    background-color: var(--color-crisp-white);
    color: var(--color-text-body);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased; /* Makes the font look crisper on modern screens */
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- 3. Global Typography Headings --- */
h1, h2, h3, h4, h5, h6 {
    color: var(--color-dark-slate);
    font-weight: 700;
    line-height: 1.3;
    margin-top: 0;
}

/* --- 4. Global Links --- */
a {
    color: var(--color-teal-breeze);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--color-coral-pink);
}

/* --- 5. Global Buttons --- */
.btn-primary {
    display: inline-block;
    background-color: var(--color-coral-pink);
    color: var(--color-crisp-white) !important;
    padding: 12px 28px;
    text-decoration: none;
    border-radius: 50px; /* Modern pill shape */
    font-weight: 700;
    transition: all 0.3s ease;
    border: 2px solid var(--color-coral-pink);
    box-shadow: 0 4px 10px rgba(255, 127, 80, 0.3);
}

.btn-primary:hover {
    background-color: var(--color-teal-breeze);
    border-color: var(--color-teal-breeze);
    box-shadow: 0 4px 10px rgba(32, 178, 170, 0.3);
    transform: translateY(-2px); /* Slight lift effect */
}