/* ============================================================
   RateTheWork Typography System
   Font: Poppins + JetBrains Mono (Google Fonts — App.razor'da yüklenir)

   KATMANLAMA (TECH-5868):
   Element kuralları `@layer base` içinde. Tailwind v4 katman sırası
   `theme → base → components → utilities` olduğundan `.razor`'da yazılan
   `text-5xl font-black` gibi utility'ler bu kuralları DOĞAL olarak ezer.
   Katmansız bırakılırsa specificity'den BAĞIMSIZ olarak utility'leri ezerler —
   projedeki tüm Tailwind tipografi sınıfları ölü doğardı.

   Buradaki değerler yalnızca SINIFSIZ başlıklar için varsayılan sağlar
   (örn. sözleşme markdown'ının ürettiği <h1>/<h2>).
   ============================================================ */

@layer base {
    html, body {
        font-family: 'Poppins', system-ui, sans-serif;
        font-size: 16px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-feature-settings: "kern" 1, "liga" 1;
    }

    /* ---- Type Scale (sınıfsız başlık varsayılanları) ---- */
    h1 {
        font-size: clamp(2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.15;
        letter-spacing: -0.02em;
    }

    h2 {
        font-size: clamp(1.5rem, 3.5vw, 2.5rem);
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.015em;
    }

    h3 {
        font-size: clamp(1.25rem, 2.5vw, 1.875rem);
        font-weight: 600;
        line-height: 1.3;
        letter-spacing: -0.01em;
    }

    h4 {
        font-size: clamp(1.125rem, 2vw, 1.5rem);
        font-weight: 600;
        line-height: 1.35;
    }

    h5 {
        font-size: clamp(1rem, 1.5vw, 1.25rem);
        font-weight: 500;
        line-height: 1.4;
    }

    h6 {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.5;
    }
}

/* ============================================================
   Legal Page Print Styles (TECH-5249)
   "PDF indir" butonu window.print() tetikler; bu kurallar site
   chrome'unu (navbar/footer/floating widget'lar) yazdırmadan
   gizler, sadece .legal-print-content temiz basılır.

   KATMANSIZ BIRAKILDI (kasıtlı): print çıktısında ekran utility'lerinin
   HEPSİNİ ezmesi gerekiyor. `!important` zaten bunu garantiler; katmana
   alınması davranışı değiştirmez ama niyeti gizler.
   ============================================================ */
@media print {
    .no-print {
        display: none !important;
    }

    body {
        background: #fff !important;
    }

    .legal-print-content {
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #000 !important;
        background: #fff !important;
        border: none !important;
        box-shadow: none !important;
    }

    .legal-print-content a {
        color: #000 !important;
        text-decoration: underline;
    }
}