/* =========================
   ROOT COLORS
========================= */

:root{
    --navy:#0E1A2B;
    --navy-dark:#0B1322;
    --gold:#D4AF37;
    --gold-light:#f4d46c;
    --text:#0b1220;
    --muted:#6b7280;
    --light:#f6f7fb;
    --border:#e5e7eb;
    --shadow:0 10px 30px rgba(0,0,0,.08);
    --shadow-hover:0 25px 60px rgba(0,0,0,.18);
 }
 
 /* =========================
    RESET
 ========================= */
 
 *,
 *::before,
 *::after{
    box-sizing:border-box;
    margin:0;
    padding:0;
 }
 
 /* =========================
    GLOBAL
 ========================= */
 
 html{
    scroll-behavior:smooth;
 }
 
 body{
    font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
    color:var(--text);
    background:white;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
 }
 
 img{
    max-width:100%;
    display:block;
 }
 
 a{
    text-decoration:none;
    color:inherit;
 }
 
 /* =========================
    CONTAINER (GLOBAL)
 ========================= */
 
 .container{
    max-width:1200px;
    margin:auto;
    padding:0 20px;
 }