/*
 * Medis360 - Ortak Tema: "Lacivert & Gri"
 * Tum sayfalar bu degiskenleri kullanmali, renkleri dogrudan HTML'e
 * gommek yerine. Boylece ileride tema degisikligi tek dosyadan yapilabilir.
 */

:root {
    /* Zemin / yuzey */
    --bg: #F5F7FA;
    --surface: #FFFFFF;
    --border: #DDE3EA;
    --border-light: #EBEFF3;

    /* Metin */
    --text-primary: #16283F;
    --text-secondary: #2E4258;
    --text-muted: #5C7086;
    --text-on-accent: #FFFFFF;

    /* Vurgu (marka) rengi */
    --accent: #1F3A5F;
    --accent-hover: #16293F;
    --accent-tint: #E7ECF2;      /* aktif menu ogesi, hafif arka plan */
    --accent-light: #EDF1F6;

    /* Durum renkleri */
    --success: #2F6F4E;
    --success-bg: #E4F0E9;
    --warning: #A66A1F;
    --warning-bg: #F5EADA;
    --danger: #9B3B3B;
    --danger-bg: #F6E6E6;
    --info: #2D5F8A;
    --info-bg: #E5EEF5;

    /* Kose yuvarlakligi */
    --radius: 10px;
    --radius-sm: 6px;
    --radius-lg: 14px;

    /* Golge - hafif, tek tip */
    --shadow-sm: 0 1px 2px rgba(22, 40, 63, 0.06);
    --shadow: 0 1px 3px rgba(22, 40, 63, 0.08), 0 2px 8px rgba(22, 40, 63, 0.04);

    /* Tipografi */
    --font-family: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Google Font - Source Sans 3 */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap');

body {
    font-family: var(--font-family);
    color: var(--text-primary);
    background: var(--bg);
}

/* Genişletçe tablolar mobilde ekrandan taşmasın diye — tabloyu bu sınıfla
   saran bir div, ekran dar olduğunda içinde yatay kaydırma sağlar. */
.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}