/* Linkyon tasarım sistemi — token'lar. Kaynak: tasarım sistemi artifact'i. Elle düzenleme; değişiklik önce tasarım sisteminde yapılır. */
:root, [data-theme="light"] {
  --surface-0: #f6f4f0;
  --surface-1: #ffffff;
  --surface-2: #eeebe5;
  --surface-brand: #1f3a5f;
  --ink: #1a1f26;
  --ink-2: #4b5563;
  --ink-3: #5f6b7a;
  --line: #ddd8d0;
  --line-strong: #b8b1a6;
  --brand: #1f3a5f;
  --brand-strong: #162b47;
  --brand-soft: #e4ebf5;
  --on-brand: #ffffff;
  --accent: #b5562e;
  --accent-soft: #f7e9e1;
  --success: #1e7a46;
  --success-soft: #e3f3e9;
  --warning: #8a5a00;
  --warning-soft: #fbf0d9;
  --danger: #b3261e;
  --danger-soft: #fbe5e3;
  --focus: #3d6fb5;
  --overlay: #1a1f2699;
  --shadow-none: none;
  --shadow-raised: 0 1px 2px #1a1f2614, 0 2px 8px #1a1f260f;
}
[data-theme="dark"] {
  --surface-0: #12161c;
  --surface-1: #1a2028;
  --surface-2: #232a34;
  --surface-brand: #16273f;
  --ink: #edf0f4;
  --ink-2: #a8b3c2;
  --ink-3: #8a96a6;
  --line: #2c3540;
  --line-strong: #3f4a58;
  --brand: #3d6fb5;
  --brand-strong: #2f5a96;
  --brand-soft: #1e2c40;
  --on-brand: #ffffff;
  --accent: #e0895f;
  --accent-soft: #3a2a22;
  --success: #4fbf7e;
  --success-soft: #17302a;
  --warning: #e0a83a;
  --warning-soft: #362c18;
  --danger: #f08a82;
  --danger-soft: #3a1f1e;
  --focus: #7fabe6;
  --overlay: #000000b3;
  --shadow-none: none;
  --shadow-raised: 0 1px 2px #00000066, 0 2px 8px #00000059;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --surface-0: #12161c;
  --surface-1: #1a2028;
  --surface-2: #232a34;
  --surface-brand: #16273f;
  --ink: #edf0f4;
  --ink-2: #a8b3c2;
  --ink-3: #8a96a6;
  --line: #2c3540;
  --line-strong: #3f4a58;
  --brand: #3d6fb5;
  --brand-strong: #2f5a96;
  --brand-soft: #1e2c40;
  --on-brand: #ffffff;
  --accent: #e0895f;
  --accent-soft: #3a2a22;
  --success: #4fbf7e;
  --success-soft: #17302a;
  --warning: #e0a83a;
  --warning-soft: #362c18;
  --danger: #f08a82;
  --danger-soft: #3a1f1e;
  --focus: #7fabe6;
  --overlay: #000000b3;
  --shadow-none: none;
  --shadow-raised: 0 1px 2px #00000066, 0 2px 8px #00000059;
} }
:root {
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --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-full: 999px;
  --touch-min: 44px;
  --control: 48px;
  --control-lg: 52px;
  --icon: 24px;
  --icon-sm: 20px;
  --avatar: 40px;
  --thumb: 72px;
  --appbar: 56px;
  --tabbar: 64px;
  --row: 64px;
  --page-width: 375px;
}
/* Tip stilleri */
.display-28 { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.2px; }
.title-22 { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.2px; }
.title-18 { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 600; }
.body-16 { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.body-16-strong { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.body-14 { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label-14 { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.caption-12 { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.3px; }
.button-16 { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 600; }
.button-14 { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.mono-14 { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 500; }
.mono-20 { font-family: var(--font-mono); font-size: 20px; line-height: 26px; font-weight: 500; }
html { background: var(--surface-0); color: var(--ink); font-family: var(--font-sans); -webkit-text-size-adjust: 100%; }