/* /assets/css/style.css */
:root{
    --color-primary:#f6a61d;
    --color-secondary:#e63f49;
    --color-dark:#1e293b;
    --color-light:#ffffff;
    --color-gray:#f9fafb;

    --primary-hover:#e59200;
    --secondary-hover:#d63040;
    --link-hover: var(--color-primary);

    --hero-bg-image:none;
    --hero-bg-overlay:none;

    --text-muted:#64748b;
    --text-dark:#1e293b;
    --card-shadow: 0 4px 12px rgba(0,0,0,0.08);
    --card-shadow-hover: 0 8px 24px rgba(0,0,0,0.12);
    --card-radius: 16px;

    --container-width:1200px;
    --font-family:'Poppins',sans-serif;

    --sidebar-width: 280px;
    --sidebar-collapsed-width: 85px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-family);color:var(--color-dark);line-height:1.7}
.container{max-width:var(--container-width);margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:700;line-height:1.2;margin-bottom:20px}
h1{font-size:3rem;text-align:center}
h2{font-size:2.4rem;color:var(--color-primary);text-align:center}
h3{font-size:1.4rem;color:var(--color-dark)}
p{margin-bottom:1rem}
a{color:var(--color-primary);text-decoration:none}
a:hover{color:var(--link-hover)}
ul{list-style:none}

.bg-primary {
    background-color: var(--color-secondary) !important;
}

.section-subtitle {
    color: var(--text-muted);
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto 40px;
    text-align: center;
}