/*
Theme Name: RxVault
Theme URI: http://localhost/rxvault
Author: Your Name
Description: A modern medical records storage theme, HTML5/CSS3/Bootstrap, inspired by medrec-m.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rxvault
Tags: medical, health, responsive, bootstrap, html5, css3
*/

@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --primary-color: #00b5a5;
    --primary-dark: #008c7f;
    --primary-light: #e6f7f5;
    --accent-color: #ff6b9d;
    --text-dark: #2d3748;
    --text-light: #718096;
    --bg-light: #f7fafc;
    --white: #ffffff;
    --primary-gradient: linear-gradient(135deg, #00b5a5 0%, #008c7f 100%);
    --accent-gradient: linear-gradient(135deg, #ff6b9d 0%, #ff8fab 100%);
    --light-gradient: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
    --card-shadow: 0 4px 20px rgba(0, 181, 165, 0.08);
    --card-hover-shadow: 0 8px 30px rgba(0, 181, 165, 0.15);
    --transition: all 0.3s ease;
}

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

body {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    background: var(--white);
    color: var(--text-dark);
    line-height: 1.7;
    overflow-x: hidden;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

.bg-medical-dark {
    background-color: #0f766e !important;
    background: #0f766e !important;
}