/*
 * Ortak tasarım belirteçleri (yönetim sayfaları).
 * Palet tek bir iris vurgusu etrafında kurulu; nötrler de aynı tona hafifçe çekilmiştir.
 * Anlamsal renkler (başarı / uyarı / tehlike) vurgudan ayrı tutulur ki birbirine karışmasın.
 */
:root {
    /* Vurgu: iris */
    --accent-50: #f3f3ff;
    --accent-100: #e7e7fe;
    --accent-200: #d0d1fc;
    --accent-300: #adaff8;
    --accent-400: #8286f1;
    --accent-500: #5e63e6;
    --accent-600: #4a4cd6;
    --accent-700: #3d3db5;
    --accent-800: #333390;
    --accent-900: #2c2d72;
    --accent: var(--accent-600);
    --accent-soft: rgba(74, 76, 214, 0.08);
    --accent-ring: rgba(74, 76, 214, 0.2);

    /* Nötrler (irise hafif çekilmiş) */
    --ink: #16161d;
    --ink-soft: #3c3c4a;
    --muted: #6c6c7c;
    --subtle: #a3a3b2;
    --line: #e5e5ee;
    --line-soft: #f0f0f5;
    --hover: #f3f3f8;
    --canvas: #f8f8fb;
    --surface: #ffffff;

    /* Anlamsal */
    --success: #0e9f6e;
    --success-soft: #ecfdf5;
    --success-line: #a7f3d0;
    --success-ink: #065f46;
    --warning: #d97706;
    --warning-soft: #fffbeb;
    --warning-line: #fde68a;
    --warning-ink: #92400e;
    --danger: #e11d48;
    --danger-soft: #fff1f2;
    --danger-line: #fecdd3;
    --danger-ink: #9f1239;

    /* Grafik serileri */
    --chart-open: var(--success);
    --chart-closed: var(--danger);

    /* Tipografi */
    --font-display: "Bricolage Grotesque", "Geist", ui-sans-serif, system-ui, sans-serif;
    --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

    /* Hareket */
    --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --dur-fast: 0.15s;
    --dur: 0.28s;
    --dur-slow: 0.45s;

    /* Gölgeler */
    --shadow-xs: 0 1px 2px rgba(22, 22, 29, 0.04);
    --shadow-md: 0 10px 28px -14px rgba(22, 22, 29, 0.18);
    --shadow-lg: 0 28px 56px -16px rgba(22, 22, 29, 0.22), 0 0 0 1px rgba(22, 22, 29, 0.04);
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

::selection {
    background: var(--accent-ring);
}

.font-display,
h1,
h2,
h3 {
    font-family: var(--font-display);
    font-optical-sizing: auto;
    letter-spacing: -0.015em;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}