/* =======================================================
main.css — Proje içi CSS toplayıcı (vendor İMPORT YOK)
Vendor stiller içinde olarak yüklenir.
Sayfa-özel CSS'ler (örn. register.css) ilgili şablonda
{% block extra_styles %} içinde link ile eklenir.
======================================================= */
/* Temel değişkenler ve global stiller */
@import url('./base.css');
/* Tema (karanlık/açık) */
@import url('./dark_main.css');
/* Yardımcı sınıflar */
@import url('./utils.css');
/* Bileşen stilleri */
@import url('./card.css');
@import url('./index.css');
@import url('./card-effects.css');
@import url('./group.css');
@import url('./notification.css');
/* Kılavuz/How-to sayfası */
@import url('./how_to.css');
@import url('./partials.css');
/* DİKKAT:
Buraya register.css, login.css vb. sayfa-özel dosyaları import ETME.
Onlar ilgili template’te ile yüklenecek.
*/
/* =======================================================
=== Finorjin Fluid Typography System v1.0 ===
======================================================= */
html {
font-size: clamp(14px, 0.9vw + 10px, 17px);
line-height: 1.5;
-webkit-text-size-adjust: 100%;
}
/* --- Başlıklar (tüm sayfalar için) --- */
h1 {
font-size: clamp(1.8rem, 2.4vw + 1rem, 3.2rem);
line-height: 1.15;
}
h2 {
font-size: clamp(1.5rem, 1.6vw + 0.9rem, 2.4rem);
line-height: 1.2;
}
h3 {
font-size: clamp(1.25rem, 1.1vw + 0.85rem, 1.8rem);
line-height: 1.25;
}
/* --- Ana sayfa başlıkları / sloganlar --- */
.hero-title {
font-size: clamp(2rem, 3vw + 1rem, 3.5rem);
font-weight: 700;
}
.hero-subtitle,
.lead {
font-size: clamp(1rem, 0.8vw + 0.75rem, 1.35rem);
opacity: 0.9;
}
/* --- İsteğe bağlı ince ayar (dizüstü ve tabletler için) --- */
@media (max-width: 1400px) {
html { font-size: clamp(14px, 0.95vw + 9px, 16px); }
}
@media (max-width: 1200px) {
html { font-size: clamp(14px, 1vw + 8px, 15.5px); }
}