/**
 * İDS mockup — tasarım jetonları (Pantone kurumsal palet, marka kılavuzu).
 */
:root {
  --color-brand: #da291c;
  --color-primary: #da291c;
  --color-primary-hover: #c42418;
  --color-primary-active: #a91f15;
  --color-primary-muted: #f5e8e7;
  --color-accent: #7a2218;

  --color-text: #4a4d4f;
  --color-text-muted: #888b8d;
  --color-muted: var(--color-text-muted);

  --color-gold: #84754e;
  --color-accent-gold: #84754e;
  --color-silver: #8a8d8f;

  --color-bg: #f5f5f6;
  --color-surface: #ffffff;
  --color-surface-elevated: #ffffff;
  --color-surface-muted: #eeeff0;

  --color-border: #d1d3d4;
  --color-border-strong: #b9bcbe;

  --color-danger: #b42318;
  --color-success: #166534;
  --color-warning: #b45309;

  --color-focus-ring: #da291c;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);

  --font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;

  --text-xs: 0.72rem;
  --text-sm: 0.82rem;
  --text-body: 0.9375rem;
  --text-section: 1.05rem;
  --text-page-title: 1.5rem;
  --line-tight: 1.25;
  --line-body: 1.55;
  --line-relaxed: 1.65;

  --header-h: 56px;
  --sidebar-w: 248px;
}