/* Tek Ekran ortak ayarlar: font ve renkler.
   Fontu değiştirmek için yalnız iki şey değişir: alttaki @import adresi ve --te-font. */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700&display=swap");

:root {
    --te-font: "Manrope", sans-serif;
    --te-font-mono: monospace;

    --te-bg: #f0f0f5;
    --te-surface: #ffffff;
    --te-surface-2: #f9fafb;
    --te-text: #1f2937;
    --te-muted: #5f6675;
    --te-border: #e5e7eb;
    --te-accent: #6c5ffc;
    --te-on-accent: #ffffff;
    --te-on-bright: #1f2937;
    --te-success: #10b981;
    --te-warning: #f59e0b;
    --te-danger: #ef4444;
    --te-info: #3b82f6;
    --te-table-head: #f6f6fb;
    --te-table-head-line: #d5d9e4;
    --te-table-head-text: #384152;
}

/* Karanlık tema değerleri */
body.dark-mode {
    --te-bg: #1a1a3c;
    --te-surface: #2a2a4a;
    --te-surface-2: #1e2448;
    --te-text: #dedefd;
    --te-muted: #9595b5;
    --te-border: rgba(255, 255, 255, 0.1);
    --te-accent: #9d94ff;
    --te-danger: #f87171;
    --te-table-head: #1a1a3c;
    --te-table-head-line: rgba(255, 255, 255, 0.16);
    --te-table-head-text: #e6e6ff;
}