/*
 Theme Name:   SafeSante V2
 Theme URI:    https://safesante.fr
 Description:  Standalone Theme for SafeSante - Telemedicine Platform
 Author:       SafeSante Team
 Author URI:   https://safesante.fr
 Version:      2.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  safesantev2
*/

/* ==========================================================================
   CSS Variables - Safesanté Brand Guidelines V1 2025
   ========================================================================== */

/* Google Fonts - DM Sans */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
    /* Brand Primary Colors */
    --indigo-color: #202B6D;
    --electric-color: #2F4ACD;
    --primary-color: #202B6D;      /* Updated from #1a1f3d → Indigo */

    /* Brand Secondary Colors */
    --sky-color: #A7DBEE;
    --yellow-color: #FEC400;
    --secondary-color: #FEC400;

    /* Brand Neutral Colors */
    --glow-color: #F4F4F4;
    --ash-color: #4E585B;
    --white: #ffffff;
    --black: #000000;
    --light-bg: #F4F4F4;          /* Updated from #e8f4f8 → Glow */

    /* CTA Colors (kept per user decision) */
    --coral-color: #ff6b5b;
    --coral-hover: #ff5445;

    /* Brand Gradients */
    --gradient-brand: linear-gradient(135deg, #202B6D 0%, #2F4ACD 100%);
    --gradient-blue: linear-gradient(180deg, #202B6D 0%, #2F4ACD 100%);

    /* Typography */
    --font-primary: 'DM Sans', sans-serif;

    /* Shadows */
    --shadow-sm: 0 5px 20px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 10px 40px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 15px 35px rgba(0, 0, 0, 0.2);

    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-base: 0.4s ease;
}

/* ==========================================================================
   Base Styles
   ========================================================================== */
* {
    box-sizing: border-box;
}

body {
    font-family: var(--font-primary);
    color: var(--primary-color);
    line-height: 1.6;
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */
.section-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}

/* ==========================================================================
   Button Styles
   ========================================================================== */
.btn-coral {
    display: inline-block;
    padding: 14px 30px;
    background-color: var(--coral-color);
    color: var(--white);
    border: none;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all var(--transition-fast);
    cursor: pointer;
}

.btn-coral:hover {
    background-color: var(--coral-hover);
    transform: translateY(-3px);
    box-shadow: 0 10px 30px rgba(255, 107, 91, 0.4);
}

/* ==========================================================================
   Form Styles
   ========================================================================== */
input,
select,
textarea {
    font-family: var(--font-primary);
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: var(--electric-color);
}