/* Rehber sayfaları — vitrinle AYNI malzeme.
   Denetim bulgusu: bu sayfalar ikinci bir siteydi (system-ui gövde, marka fontu
   yok, 14 elle yazılmış hex, degradeli karo). Google'dan gelen ziyaretçinin ilk
   teması burasıdır. Token'lar apps/web/src/index.css ile birebir aynı değerler;
   bu dosya Vite paketine girmediği için kopya zorunlu — değer değişirse ikisi
   birlikte güncellenir. */
@font-face {
  font-family: 'Archivo';
  font-style: normal; font-weight: 400 600; font-stretch: 100%; font-display: swap;
  src: url('/fonts/archivo-body-var-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal; font-weight: 400 600; font-stretch: 100%; font-display: swap;
  src: url('/fonts/archivo-body-var-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal; font-weight: 700; font-stretch: 90%; font-display: swap;
  src: url('/fonts/archivo-display-700-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Archivo';
  font-style: normal; font-weight: 700; font-stretch: 90%; font-display: swap;
  src: url('/fonts/archivo-display-700-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Archivo Fallback';
  src: local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial');
  ascent-override: 83.5%; descent-override: 20.0%; line-gap-override: 0%; size-adjust: 105.2%;
}

:root {
  color-scheme: light;
  /* "Vişneçürüğü, Kadife, Etiket" (2026-09-24) — index.css açık tema değerleri. */
  --bg: #f8f4f3;
  --surface: #ffffff;
  --border: #e6dddd;
  --line-soft: #f0e9e9;
  --text: #231918;
  --text-2: #4e4241;
  --muted: #6c605f;
  --brand: #6d1732;
  --brand-dark: #540f25;
  --brand-soft: #f0d7db;
  --brand-border: #ae6171;
  --btn-ink: #ffffff;
  --ops-surface: #130c0c;
  --ops-text: #f4ecec;
  --ops-muted: #aea3a3;
  --ops-btn: #efc4cb;
  --ops-btn-ink: #2a1016;
  --font-body: 'Archivo', 'Archivo Fallback', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --r-ctl: 8px;
  --r-card: 12px;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 680px; margin: 0 auto; padding: 0 20px 56px; }

/* Üst çubuk vitrinle aynı kadife siyahı sahne — ziyaretçi aynı ürüne baktığını görür. */
header {
  background: var(--ops-surface);
  color: var(--ops-text);
  padding: 14px 0;
  margin-bottom: 8px;
}
header .wrap { padding-bottom: 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
header a.brand {
  display: inline-flex; align-items: center; gap: 9px;
  text-decoration: none; color: var(--ops-text); font-weight: 600; font-size: 16px;
}
header a.brand img { display: block; width: 26px; height: 26px; }
header nav { margin-left: auto; display: flex; align-items: center; gap: 8px; }
header nav a {
  display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px;
  border-radius: var(--r-ctl); text-decoration: none; font-size: 14px; font-weight: 500;
  color: var(--ops-text);
}
/* Sahnede CTA ters buton: bordo dolgu kadife üstünde kaybolur (1,68:1); gül
   kurusu dolgu sahnede 12,37:1, üstündeki kadife mürekkep 11,34:1. Vitrindeki
   --ops-btn ile aynı. */
header nav a.cta { background: var(--ops-btn); color: var(--ops-btn-ink); }

h1 { font-family: var(--font-body); font-stretch: 90%; font-weight: 700; font-size: clamp(28px, 5vw, 38px); line-height: 1.1; letter-spacing: -0.02em; margin: 28px 0 10px; text-wrap: balance; }
h2 { font-size: 20px; font-weight: 600; margin: 32px 0 8px; letter-spacing: -0.01em; text-wrap: balance; }
p, li { font-size: 16px; color: var(--text-2); text-wrap: pretty; }
article { max-width: 62ch; }
article a { color: var(--brand); text-underline-offset: 3px; }

.cta {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 24px; margin-top: 10px;
  background: var(--brand); color: var(--btn-ink);
  text-decoration: none; border-radius: var(--r-ctl); font-weight: 600; font-size: 16px;
}
@media (max-width: 640px) { .cta { display: flex; width: 100%; } }

.note {
  background: var(--brand-soft); border: 1px solid var(--brand-border); color: var(--brand);
  border-radius: var(--r-card); padding: 14px 16px; font-size: 15px;
}

footer {
  margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--border);
  font-size: 14px; color: var(--muted);
  display: flex; flex-wrap: wrap; gap: 8px 20px;
}
footer a { color: var(--brand); }

:where(a, button):focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--brand);
  border-radius: var(--r-ctl);
}
header :where(a):focus-visible { box-shadow: 0 0 0 2px var(--ops-surface), 0 0 0 4px var(--ops-text); }