/* Bu dosya bin/sync-design-system ile design-system/ klasöründen üretilir. Elle düzenlemeyin. */
/* Köpük — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #f3f6f7;
  --surface-raised: #ffffff;
  --surface-sunken: #e8eef0;
  --surface-hover: #eef3f4;
  --line: #d6e0e3;
  --line-strong: #7b8f95;
  --ink: #0f2429;
  --ink-muted: #4d6268;
  --brand: #0a5c6b;
  --brand-hover: #084b58;
  --brand-soft: #d9eef1;
  --on-brand: #ffffff;
  --accent: #b34a08;
  --accent-soft: #fdebdc;
  --on-accent: #ffffff;
  --success: #1458a8;
  --success-soft: #e1ecfa;
  --warning: #875100;
  --warning-soft: #fdf0d5;
  --danger: #b0123c;
  --danger-soft: #fbe3e8;
  --on-danger: #ffffff;
  --focus: #b34a08;
  --nav-bg: #0c3239;
  --nav-ink: #d6e9ec;
  --nav-ink-muted: #8fb3b9;
  --nav-active: #145361;
  --pay-cash: #2c6e2f;
  --pay-card: #1458a8;
  --pay-transfer: #6f3fb0;
  --pay-package: #b34a08;
  --pay-credit: #5c6f75;
  --plate-band: #1f4fa8;
  --plate-bg: #ffffff;
  --plate-ink: #0b0f10;
  --scrim: rgba(8, 20, 23, 0.55);
  --link: var(--brand);
  --shadow-card: 0 1px 2px rgba(15, 36, 41, 0.06);
  --shadow-pop: 0 8px 24px rgba(15, 36, 41, 0.14);
  --shadow-modal: 0 24px 64px rgba(15, 36, 41, 0.24);
}
[data-theme="dark"] {
  --surface: #0d1719;
  --surface-raised: #142226;
  --surface-sunken: #0a1214;
  --surface-hover: #1a2b2f;
  --line: #233539;
  --line-strong: #62797f;
  --ink: #e4eef0;
  --ink-muted: #9fb3b8;
  --brand: #56c2d4;
  --brand-hover: #7dd3e1;
  --brand-soft: #0f3940;
  --on-brand: #04191d;
  --accent: #ff9147;
  --accent-soft: #3d2210;
  --on-accent: #1a0b02;
  --success: #7fb2ff;
  --success-soft: #10284a;
  --warning: #f2b544;
  --warning-soft: #3a2a0b;
  --danger: #ff7a93;
  --danger-soft: #3d1220;
  --on-danger: #2a0610;
  --focus: #ff9147;
  --nav-bg: #081114;
  --nav-ink: #d6e9ec;
  --nav-ink-muted: #89a4a9;
  --nav-active: #16343a;
  --pay-cash: #86d48a;
  --pay-card: #7fb2ff;
  --pay-transfer: #c7a6ff;
  --pay-package: #ff9147;
  --pay-credit: #a9bcc1;
  --plate-band: #1f4fa8;
  --plate-bg: #f4f6f7;
  --plate-ink: #0b0f10;
  --scrim: rgba(0, 0, 0, 0.65);
  --link: var(--brand);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.55);
  --shadow-modal: 0 24px 64px rgba(0, 0, 0, 0.7);
}
:root {
  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --sidebar-width: 248px;
  --topbar-height: 64px;
  --content-max: 1440px;
  --font-sans: "Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

/* Tipografi stilleri */
.display { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.01em; }
.h1 { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 700; }
.h2 { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 650; }
.h3 { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 650; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.02em; }
.amount-lg { font-family: var(--font-mono); font-size: 28px; line-height: 34px; font-weight: 600; font-variant-numeric: tabular-nums; }
.amount { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 500; font-variant-numeric: tabular-nums; }
.plate { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0.04em; font-variant-numeric: tabular-nums; }