/* ============================================
   SmartPrep™ — Tasarım Tokenları
   Marka kataloğundan çıkarılmış renk paleti.
   Editorial premium B2B food-tech.
   ============================================ */

:root {
  /* ——— RENK ——— ChefSeasons paletinden esinlenmiş, beyaz baskın */
  /* Ana zemin: beyaz */
  --c-paper:        #FFFFFF;       /* sayfa zemini — saf beyaz */
  --c-paper-warm:   #FAFAF8;       /* hafif kırık beyaz */
  --c-paper-deep:   #F5F5F2;       /* section break */
  --c-cream:        #FAF0E4;       /* premium krem (sıcak alanlar için) */
  --c-marble:       #F8F6F2;       /* hafif tonlu krem */

  /* Mürekkep: koyu gri (#35373e) ChefSeasons tarzı */
  --c-ink:          #1A1B22;       /* başlık + body — derin lacivert-gri */
  --c-ink-soft:     #35373E;       /* metin */
  --c-ink-mute:     #6B6E78;
  --c-ink-faint:    #9CA0AC;
  --c-line:         #E5E7EB;       /* çizgi */
  --c-line-strong:  #D1D5DB;

  /* Marka rengi: Mavate bordo (sabit, kullanıcı istedi) */
  --c-brand:        #A10E17;       /* SmartPrep ana kırmızı */
  --c-brand-deep:   #7A0810;       /* hover/gölge */
  --c-brand-bright: #F85C5E;       /* sıcak vurgu (ChefSeasons style) */
  --c-brand-shadow: #890B13;       /* kapak ikincil bordo */

  /* Aksent: canlı yeşil — ChefSeasons #39B54A */
  --c-accent:       #39B54A;       /* canlı yeşil */
  --c-accent-deep:  #2B9C3A;       /* koyu varyant */
  --c-accent-bright:#3AAA36;       /* hafif daha sarımsı */
  --c-accent-soft:  #E8F5EA;       /* açık yeşil zemin (subtle) */

  /* Manifesto / dark band */
  --c-night:        #14110D;
  --c-night-soft:   #1F1A14;
  --c-night-line:   rgba(245, 241, 234, 0.10);

  /* Gerekli minimum tonlar */
  --c-white:        #FFFFFF;
  --c-cream:        #F8F4ED;

  /* ——— TİPOGRAFİ ——— */
  --f-display: 'Fraunces', 'Söhne Breit', 'Times New Roman', Georgia, serif;
  --f-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --f-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* font-size scale (1.250 major third — biraz tighter editorial) */
  --fs-3xs:  0.6875rem;   /* 11 */
  --fs-2xs:  0.75rem;     /* 12 */
  --fs-xs:   0.8125rem;   /* 13 */
  --fs-sm:   0.9375rem;   /* 15 */
  --fs-base: 1.0625rem;   /* 17 — body */
  --fs-md:   1.1875rem;   /* 19 — lead */
  --fs-lg:   1.375rem;    /* 22 */
  --fs-xl:   1.75rem;     /* 28 — h4 */
  --fs-2xl:  2.25rem;     /* 36 — h3 */
  --fs-3xl:  3rem;        /* 48 — h2 */
  --fs-4xl:  4rem;        /* 64 — h1 */
  --fs-5xl:  5.5rem;      /* 88 — display */
  --fs-6xl:  7rem;        /* 112 */

  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    900;

  --lh-tight:   1.05;
  --lh-snug:    1.18;
  --lh-base:    1.6;
  --lh-relaxed: 1.75;

  --ls-tight:   -0.025em;
  --ls-snug:    -0.018em;
  --ls-normal:  -0.005em;
  --ls-wide:    0.04em;
  --ls-wider:   0.14em;
  --ls-widest:  0.22em;

  /* ——— SPACING (8px tabanlı, hassas) ——— */
  --s-1:  0.25rem;   /* 4  */
  --s-2:  0.5rem;    /* 8  */
  --s-3:  0.75rem;   /* 12 */
  --s-4:  1rem;      /* 16 */
  --s-5:  1.5rem;    /* 24 */
  --s-6:  2rem;      /* 32 */
  --s-7:  3rem;      /* 48 */
  --s-8:  4.5rem;    /* 72 */
  --s-9:  6rem;      /* 96 */
  --s-10: 8rem;      /* 128 */
  --s-11: 10rem;     /* 160 */
  --s-12: 14rem;     /* 224 */

  /* ——— LAYOUT ——— */
  --container:       1280px;
  --container-narrow: 880px;
  --container-text:   720px;

  /* ——— RADIUS ——— */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ——— SHADOW (yumuşak, editorial) ——— */
  --sh-sm: 0 1px 2px rgba(20, 17, 13, 0.04), 0 1px 4px rgba(20, 17, 13, 0.04);
  --sh-md: 0 6px 14px rgba(20, 17, 13, 0.06), 0 3px 6px rgba(20, 17, 13, 0.04);
  --sh-lg: 0 24px 48px rgba(20, 17, 13, 0.10), 0 8px 16px rgba(20, 17, 13, 0.06);
  --sh-xl: 0 40px 80px rgba(20, 17, 13, 0.14);

  /* ——— TRANSITION ——— */
  --t-fast: 160ms cubic-bezier(0.32, 0.72, 0.36, 1);
  --t-base: 280ms cubic-bezier(0.32, 0.72, 0.36, 1);
  --t-slow: 520ms cubic-bezier(0.32, 0.72, 0.36, 1);

  /* ——— Z-INDEX ——— */
  --z-base: 1;
  --z-sticky: 50;
  --z-overlay: 80;
  --z-modal: 90;
  --z-toast: 95;
  --z-widget: 99;

  /* ——— HEADER YÜKSEKLİĞİ (hero için referans) ——— */
  --header-h: 68px;
}

@media (max-width: 720px) {
  :root { --header-h: 60px; }
}

/* Karanlık manifesto bandı içerideki yardımcı tokenler */
.theme-night {
  --c-paper:      var(--c-night);
  --c-paper-warm: var(--c-night-soft);
  --c-paper-deep: var(--c-night-soft);
  --c-ink:        var(--c-cream);
  --c-ink-soft:   rgba(245, 241, 234, 0.86);
  --c-ink-mute:   rgba(245, 241, 234, 0.62);
  --c-ink-faint:  rgba(245, 241, 234, 0.38);
  --c-line:       rgba(245, 241, 234, 0.12);
  --c-line-strong:rgba(245, 241, 234, 0.22);
}