/* Portföy CRM — tokens.json'dan üretildi. Değerleri burada değil tokens.json'da değiştirin. */

:root, [data-theme="light"] {
  --shell-bg: #0f1316;
  --shell-raised: #181d21;
  --shell-line: #262d33;
  --shell-ink: #eef1f3;
  --shell-muted: #8f99a3;
  --shell-accent: #3fc2a7;
  --canvas: #f3f2ee;
  --surface: #ffffff;
  --surface-sunken: #efede8;
  --surface-hover: #f7f6f2;
  --line: #e4e1da;
  --line-strong: #8d939a;
  --ink: #15191c;
  --ink-muted: #5a6169;
  --accent: #0a6b5c;
  --accent-hover: #08594d;
  --on-accent: #ffffff;
  --accent-soft: #e0f0eb;
  --accent-ink: #075145;
  --warm: #b0502a;
  --warm-soft: #f8e8de;
  --warm-ink: #853a1a;
  --info: #2b5db0;
  --info-soft: #e3ebf8;
  --info-ink: #1f4688;
  --success: #2e7a38;
  --success-soft: #e2f2e3;
  --success-ink: #205a28;
  --warning: #946000;
  --warning-soft: #f8eed7;
  --warning-ink: #6e4800;
  --danger: #b42318;
  --danger-soft: #fae5e2;
  --danger-ink: #8f1b12;
  --neutral-soft: #ecebe6;
  --shadow-card: 0 1px 2px rgba(20,24,28,0.05);
  --shadow-pop: 0 12px 32px rgba(20,24,28,0.14);
}

[data-theme="dark"] {
  --shell-bg: #0b0e11;
  --shell-raised: #151a1e;
  --shell-line: #232a30;
  --shell-ink: #eef1f3;
  --shell-muted: #8f99a3;
  --shell-accent: #3fc2a7;
  --canvas: #14181b;
  --surface: #1b2024;
  --surface-sunken: #111518;
  --surface-hover: #22282d;
  --line: #2a3137;
  --line-strong: #69737c;
  --ink: #eceff1;
  --ink-muted: #9ea7b0;
  --accent: #3fc2a7;
  --accent-hover: #5fd1b9;
  --on-accent: #06241f;
  --accent-soft: #123630;
  --accent-ink: #86e0cc;
  --warm: #f0895c;
  --warm-soft: #3a2419;
  --warm-ink: #f7b291;
  --info: #7fa9f0;
  --info-soft: #1a2840;
  --info-ink: #a9c6f6;
  --success: #6cc77a;
  --success-soft: #183420;
  --success-ink: #9be0a6;
  --warning: #e6b04a;
  --warning-soft: #3a2d12;
  --warning-ink: #f0cd85;
  --danger: #f07a6e;
  --danger-soft: #3d1c19;
  --danger-ink: #f6aaa2;
  --neutral-soft: #262c31;
  --shadow-card: none;
  --shadow-pop: 0 12px 32px rgba(0,0,0,0.5);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --sidebar-width: 248px;
  --topbar-height: 64px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --font-sans: "Manrope", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
}

.t-display { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.02em; }

.t-title { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }

.t-heading { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 700; }

.t-subheading { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }

.t-body { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 400; }

.t-body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 600; }

.t-small { font-family: var(--font-sans); font-size: 12.5px; line-height: 18px; font-weight: 500; }

.t-label { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; }

.t-metric { font-family: var(--font-sans); font-size: 28px; line-height: 32px; font-weight: 800; letter-spacing: -0.02em; }

.t-money { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; }

.t-code { font-family: var(--font-mono); font-size: 12.5px; line-height: 18px; font-weight: 500; }