:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-heading: var(--font-sans);

  --ink: #0a0f1a;
  --ink-soft: #1e293b;
  --ink-muted: #64748b;
  --paper: #faf9f7;
  --paper-warm: #f3f1ec;
  --white: #ffffff;

  --brand: #e85d04;
  --brand-hover: #dc2f02;
  --brand-soft: rgba(232, 93, 4, 0.12);
  --accent: #0077b6;
  --accent-soft: rgba(0, 119, 182, 0.1);

  --line: rgba(10, 15, 26, 0.08);
  --line-strong: rgba(10, 15, 26, 0.15);

  --shadow-float: 0 24px 64px rgba(10, 15, 26, 0.12);
  --shadow-card: 0 8px 32px rgba(10, 15, 26, 0.08);

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --header-util: 40px;
  --header-main: 80px;
  --header-regions: 48px;
  --header-total: calc(var(--header-util) + var(--header-main));
  --header-sticky: var(--header-total);
  --header-home-total: var(--header-total);
  --slider-ratio: 1920 / 675;

  --container: 1240px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Eski style.css uyumluluk aliasları */
  --color-text: var(--ink);
  --color-text-secondary: var(--ink-muted);
  --color-text-muted: var(--ink-muted);
  --color-text-inverse: #fff;
  --color-bg: var(--paper);
  --color-bg-alt: var(--paper-warm);
  --color-surface: var(--white);
  --color-primary: var(--brand);
  --color-primary-light: var(--brand-hover);
  --color-primary-dark: var(--ink);
  --color-accent: var(--accent);
  --color-accent-light: var(--accent);
  --color-border: var(--line);
  --color-border-light: var(--line);
  --header-height: var(--header-total);
  --container-max: var(--container);
  --font-heading: var(--font-sans);
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.4s ease;
  --radius-full: var(--radius-pill);
  --shadow-sm: var(--shadow-card);
  --shadow-md: var(--shadow-card);
  --shadow-lg: var(--shadow-float);
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans);
}