/* Tourism Partner · tasarım tokenları v2 · palet B "Akdeniz" · yalnızca açık tema
   Kaynak: design/DESIGN.md. Hex değeri değişirse önce kontrast tablosunu yeniden hesapla (python3 -I).
   Sıra: tokens.css, sonra components.css. */

:root {
  /* Marka */
  --color-ink:            #0E3B47; /* derin deniz: başlık, logo, açık zeminde ana metin, fiyat rakamı */
  --color-text:           #1C2A2E; /* gövde metni */
  --color-primary:        #0F6E7A; /* petrol: TEK buton rengi, link, aktif nav çizgisi, odak halkası */
  --color-primary-hover:  #0B5962; /* buton hover, primary tint üzerinde petrol metin */
  --color-primary-tint:   #E3F1F2; /* seçili satır, ikon kutusu, seçili kart, bilgi rozeti */
  --color-primary-300:    #7FC0C8; /* yalnızca koyu (ink) zeminde: odak halkası, aktif çizgi. Metin değil */
  --color-accent:         #C2552F; /* terrakota: YALNIZCA Fırsat etiketi, yüzde çipi, ekranda en fazla bir sıcak rakam */
  --color-accent-700:     #A54828; /* accent tint üzerinde accent metin (yüzde çipi). AA için türetildi */
  --color-accent-tint:    #FBE9E1; /* yüzde çipi zemini */

  /* Yüzey ve nötr */
  --color-sand:           #F7F5F0; /* sayfa zemini, tablo başlığı */
  --color-white:          #FFFFFF; /* kart, input, nav */
  --color-border:         #DCD7CD; /* kart kenarı, ayraç. Beyaz zeminde 1.43:1, eski #E6E2DA (1.29) beyazda kartı ayırmıyordu */
  --color-border-input:   #858F94; /* input, select, checkbox kenarı: beyazda 3.31, kumda 3.03 */
  --color-muted:          #5F6B6E; /* ikincil metin, placeholder, etiket */
  --color-on-dark-muted:  #A9CBD0; /* yalnızca pazarlama: ink zeminde pasif nav öğesi */
  --color-photo-placeholder: #E2E7E9; /* ink %12 tint, fotoğraf yer tutucu */

  /* Semantik: 500 nokta, çizgi, dolgu · 700 metin ve ikon · 50 rozet zemini */
  --color-success-500: #1F8A5B;
  --color-success-700: #1A754D;
  --color-success-50:  #E6F4EC;
  --color-warning-500: #C98A0B;
  --color-warning-700: #8D6108;
  --color-warning-50:  #FFF4DE;
  --color-danger-500:  #C0392B;
  --color-danger-700:  #AC3327;
  --color-danger-50:   #FBEAE7;

  /* Rol takma adları */
  --bg-page: var(--color-white);        /* sayfa zemini beyaz (4 Kasım kararı) */
  --bg-subtle: var(--color-sand);        /* tablo başlığı, hover, callout, ikincil yüzey */
  --bg-surface: var(--color-white);
  --bg-selected: var(--color-primary-tint);
  --bg-nav: var(--color-white);          /* ürün nav'ı beyaz */
  --bg-marketing: var(--color-ink);      /* koyu nav ve hero yalnızca pazarlamada */
  --bg-photo-placeholder: var(--color-photo-placeholder);
  --text-heading: var(--color-ink);
  --text-body: var(--color-text);
  --text-muted: var(--color-muted);
  --text-link: var(--color-primary);
  --text-on-primary: var(--color-white);
  --border-default: var(--color-border);
  --border-input: var(--color-border-input);
  --focus-ring: var(--color-primary);
  --focus-ring-on-dark: var(--color-primary-300);

  /* Tipografi */
  --font-heading: "Lato", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-size-h1: 32px;
  --font-size-h2: 24px;
  --font-size-h3: 20px;
  --font-size-body: 16px;
  --font-size-small: 14px;
  --font-size-caption: 12px;
  --font-size-label: 11px;
  --line-height-heading: 1.2;
  --line-height-body: 1.5;
  --letter-spacing-label: 0.12em;
  --numeric: tabular-nums;

  /* Boşluk: 8px ızgara, 4 yalnızca iç mikro boşluk */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;

  /* Şekil */
  --radius-control: 8px;  /* input, buton */
  --radius-card: 12px;
  --radius-modal: 16px;   /* modal, hero kartı, sabit özet kartı */
  --radius-pill: 999px;
  --border-width: 1px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;

  /* Yükseklik: kart durağanken gölgesiz, beyaz zeminde 1 px kenar ayrımı yapar */
  --shadow-none: none;
  --shadow-hover: 0 4px 16px rgba(14, 59, 71, .08);
  --shadow-overlay: 0 12px 40px rgba(14, 59, 71, .16);
  --shadow-bar: 0 -4px 16px rgba(14, 59, 71, .08);

  /* Kontrol ve yerleşim */
  --control-height: 44px;
  --control-height-sm: 36px;
  --control-height-lg: 52px;
  --hit-target-min: 44px;
  --container-max: 1200px;
  --gutter: 24px;
  --gutter-mobile: 16px;
  --grid-columns: 12;
  --nav-height: 64px;
  --sticky-offset: 88px; /* nav + 24 */
  --photo-ratio: 4 / 3;

  /* Hareket */
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --ease-standard: cubic-bezier(.2, 0, 0, 1);
}