:root {
  /* Marka koyu — sayfa arka planı */
  --color-ink: #19222c;

  /* Ink üzeri okunabilir katmanlar */
  --color-text: #f3f6f8;
  --color-text-muted: color-mix(in srgb, var(--color-text) 68%, var(--color-ink));
  --color-surface: color-mix(in srgb, white 9%, var(--color-ink));
  --color-surface-2: color-mix(in srgb, white 14%, var(--color-ink));
  --color-line: color-mix(in srgb, white 16%, var(--color-ink));

  --color-accent: #197cff;
  --color-accent-hover: color-mix(in srgb, var(--color-accent) 85%, white);
  --color-success: #14804a;
  --color-warn: #e87812;
  --color-error: #e11d2e;

  --color-accent-soft: color-mix(in srgb, var(--color-accent) 22%, transparent);

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Source Sans 3", "Helvetica Neue", sans-serif;
  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-md: 1.0625rem;
  --fs-lg: 1.375rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.75rem;
  --lh-tight: 1.15;
  --lh-body: 1.55;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --radius-sm: 11px;
  --radius-md: 0.75rem;
  --shadow-soft: 0 16px 40px color-mix(in srgb, black 35%, transparent);
  --shell: min(1100px, calc(100% - 2rem));
  --header-h: 4.25rem;
}