/* =====================================================================
   KURYELOJİ — base.css
   Renkler, ölçüler ve temel sıfırlama. Tüm sayfalarda yüklenir.
   Renk veya yarıçap değiştirmek için sadece :root değişkenlerini düzenleyin.
   ===================================================================== */
:root {
    /* Marka */
    --ink:          #0F2F36;   /* menü zemini */
    --ink-2:        #17434C;
    --ink-3:        #235A64;
    --brand:        #FF6B2C;   /* turuncu vurgu */
    --brand-dark:   #E5561A;
    --brand-soft:   #FFEDE4;

    /* Yüzeyler */
    --bg:           #F1F4F6;
    --surface:      #FFFFFF;
    --line:         #E2E8EC;
    --text:         #16262B;
    --muted:        #667982;

    /* Durum renkleri */
    --green:        #1F9D6B;  --green-soft: #E3F6EE;
    --red:          #DC4A5A;  --red-soft:   #FCE8EA;
    --blue:         #2D6CDF;  --blue-soft:  #E6EEFD;
    --amber:        #D98B06;  --amber-soft: #FDF2D9;

    /* Ölçüler */
    --radius:       14px;
    --radius-sm:    9px;
    --shadow:       0 1px 2px rgba(15, 47, 54, .06), 0 6px 18px rgba(15, 47, 54, .06);
    --shadow-lg:    0 12px 40px rgba(15, 47, 54, .18);
    --topbar-h:     66px;
    --sidebar-w:    272px;

    --font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
    margin: 0;
    font-family: var(--font);
    font-size: 14.5px;
    line-height: 1.5;
    color: var(--text);
    background: var(--bg);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, p { margin: 0; }
h1 { font-size: 26px; line-height: 1.2; letter-spacing: -.01em; }
h2 { font-size: 16px; line-height: 1.3; }
h3 { font-size: 15px; }

a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
ul { margin: 0; padding: 0; list-style: none; }
small { font-size: 12px; }

.muted { color: var(--muted); }

/* SVG ikonlar */
.icon {
    width: 20px; height: 20px;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.icon-sm { width: 16px; height: 16px; }
.icon-lg { width: 26px; height: 26px; }
.icon-xl { width: 40px; height: 40px; stroke-width: 1.5; }

/* Klavye odağı */
:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }

/* Hareketi azalt */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { transition: none !important; animation: none !important; }
}

/* Kaydırma çubuğu */
* { scrollbar-width: thin; scrollbar-color: #C5D0D6 transparent; }

/* hidden özniteliği her zaman kazansın (display:flex gibi kurallar ezmesin) */
[hidden] { display: none !important; }