/* Hallmark · genre: editorial · macrostructure: Stat-Led · theme: custom (tuned)
 * vibe: "defter kâğıdı, kırmızı kenar çizgisi, açık fiyat"
 * paper oklch(98.4% 0.006 40) · accent #ed1c24 ≈ oklch(59.5% 0.225 27.5) brand red
 * display: Inclusive Sans · body: Merriweather Sans (kurucu seçimi) · rakamlar (her yerde): Bricolage Grotesque
 * axes: light / humanist-sans / warm
 * nav: N6 masthead (public) + N3 side-rail (panels) · footer: Ft1 mast-headed
 */

/* Sitedeki tüm rakamlar (0-9) fiyat rakamıyla (2.500) aynı fonttan, Bricolage Grotesque'ten gelir.
   "Rakam" yalnızca rakam alt kümesidir (unicode-range): harfleri ve noktalamayı etkilemez, o yüzden
   --font-body ve --font-display'in başına konur. Kaynak: Google Fonts'un `text=0123456789` alt kümesi. */
@font-face {
  font-family: "Rakam";
  src: url("https://fonts.gstatic.com/l/font?kit=3y9K6as8bTXq_nANBjzKo3IeZx8z6up5BeSl9D4dj_x9PpZBMmGKKHb0VRlDvsK7oVCVMkLUlQ&skey=7f69194495102d00&v=v9") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0030-0039;
}

:root {
  /* Kâğıt */
  --color-paper:        oklch(98.4% 0.006 40);
  --color-paper-2:      oklch(96.6% 0.012 30);
  --color-paper-3:      oklch(94%   0.022 28);
  --color-surface:      oklch(99.3% 0.003 40);
  /* Çizgiler */
  --color-rule:         oklch(90%   0.016 28);
  --color-rule-strong:  oklch(80%   0.02  28);
  --color-ruled-line:   oklch(92.5% 0.018 245);   /* defter satırı: çok açık mavi */
  --color-margin:       oklch(72%   0.15  25);    /* defter kenar çizgisi */
  /* Mürekkep */
  --color-ink:          oklch(23%   0.014 30);
  --color-muted:        oklch(43%   0.014 30);
  --color-neutral:      oklch(56%   0.012 30);
  /* Marka */
  --color-brand:        #ed1c24;
  --color-accent:       oklch(52%   0.205 27);    /* metin/buton için kontrastı yükseltilmiş kırmızı */
  --color-accent-hover: oklch(46%   0.19  27);
  --color-accent-soft:  oklch(94.5% 0.035 25);
  --color-highlight:    oklch(90%   0.07  25);
  --color-on-accent:    oklch(99%   0.004 40);
  --color-focus:        oklch(52%   0.205 27);
  /* Durum */
  --color-success:      oklch(47%   0.11  150);
  --color-success-soft: oklch(95%   0.03  150);
  --color-warning:      oklch(52%   0.12  70);
  --color-warning-soft: oklch(95.5% 0.045 85);
  --color-danger:       oklch(50%   0.19  27);
  --color-danger-soft:  oklch(95%   0.03  25);
  --color-info:         oklch(47%   0.1   245);
  --color-info-soft:    oklch(95.5% 0.02  245);
  --color-memo:         oklch(94.5% 0.095 98);    /* yapışkan not sarısı */
  --color-memo-glue:    oklch(90.5% 0.11  94);    /* yapışkan şerit */
  --color-memo-edge:    oklch(85%   0.11  90);
  --color-scrim:        oklch(23%   0.014 30 / 0.45);

  /* Yazı tipleri */
  --font-display: "Rakam", "Inclusive Sans", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Rakam", "Merriweather Sans", ui-sans-serif, system-ui, sans-serif;
  --font-figure:  "Bricolage Grotesque", "Rakam", "Inclusive Sans", ui-sans-serif, system-ui, sans-serif;   /* büyük fiyat rakamları */

  /* Ölçek: 1.25 (major third) */
  --text-xs:   0.8rem;
  --text-sm:   0.889rem;
  --text-base: 1rem;
  --text-md:   1.125rem;
  --text-lg:   1.35rem;
  --text-xl:   1.69rem;
  --text-2xl:  2.11rem;
  --text-3xl:  2.64rem;
  --text-4xl:  clamp(2.4rem, 3.4vw + 1rem, 3.6rem);
  --text-display: clamp(3.4rem, 9vw + 0.5rem, 8.5rem);

  /* Boşluk: 4 pt */
  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;
  --space-3xl: 7rem;
  --page-gutter: clamp(1rem, 4vw, 3.5rem);
  --measure: 65ch;
  --ruled: 2rem;                 /* defter satır aralığı */

  --rule-hair: 1px;
  --rule-thick: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --shadow-paper: 0 1px 0 var(--color-rule), 0 8px 24px -16px oklch(23% 0.014 30 / 0.25);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long: 420ms;

  --cursor-default: url("/static/img/cursor.svg") 1 1, url("/static/img/cursor.png") 1 1, auto;
  --cursor-pointer: url("/static/img/cursor-pointer.svg") 1 1, url("/static/img/cursor-pointer.png") 1 1, pointer;
}