/* Google Fonts'tan uygulamanızda kullandığınız fontları çekiyoruz */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Pacifico&display=swap');

/* Sayfanın temelini uygulamanızın temasına göre ayarlıyoruz */
body { 
    background-color: transparent; 
    color: #F8F8F8; 
    font-family: 'Nunito', sans-serif; 
    line-height: 1.6; 
    margin: 0;
    padding: 16px 24px;
}

/* YENİ KURAL: Yalnızca web tarayıcısında geçerli olacak arka plan rengi. */
/* Bu sınıf, JavaScript tarafından eklenecek. */
body.standalone-web {
    background-color: #2E4756; /* Flutter temasındaki primaryColor */
}
/* Tüm içeriği ortalamak ve sınırlamak için bir container */
.container {
    max-width: 800px;
    margin: 0 auto;
}

/* Ana Başlıklar (h1) için Pacifico fontu ve ikincil renk */
/* h1 {
    font-family: 'Pacifico', cursive;
    color: #A0D2DB;
    font-size: 2.5em;
    margin-bottom: 24px;
    font-weight: normal;
} */

/* Alt Başlıklar (h2, h3) için Nunito fontu ve vurgu rengi */
h2, h3 {
    font-family: 'Nunito', sans-serif;
    font-weight: 700; /* Kalın */
    /* Vurgu Rengi (accentColor) */
    color: #FAD02E;
    margin-top: 40px;
}

/* Paragraf metinleri için daha iyi okunabilirlik */
p {
    font-size: 1.1em;
    opacity: 0.95;
}

/* Linkler için vurgu rengi ve etkileşim */
a {
    /* Vurgu Rengi (accentColor) */
    color: #FAD02E;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    text-decoration: underline;
    color: #FFDE6A; /* Vurgu renginin biraz daha açığı */
}

/* Kalın metinler için */
strong, b {
    font-weight: 700;
    color: #FFFFFF; /* Daha belirgin olması için saf beyaz */
}