/*
 * Çağla & Yusuf - tasarım belirteçleri (v3)
 * Palet, tipografi ve ritim burada tanımlanır; bileşenler yalnızca bu
 * değişkenleri kullanır, ham renk/ölçü yazmaz.
 */

:root {
  /* --- Palet ---------------------------------------------------------- */
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-soft: #fff6f9;
  --color-surface-tint: #ffe3ec;
  --color-surface-tint-soft: #fff1f6;
  --color-surface-active: #ffeff5;
  --color-surface-dark: #4a0f2c;

  --color-text: #3a1424;
  --color-text-body: #5d2b41;
  --color-text-muted: #a1738a;
  --color-text-nav: #a1738a;
  --color-text-faint: #c297aa;
  --color-placeholder: #c9a8b6;

  --color-on-dark: #ffffff;
  --color-on-dark-soft: #ffd6e5;
  --color-on-dark-muted: rgba(255, 255, 255, 0.72);

  --color-accent: #e0387a;
  --color-accent-strong: #a82454;
  --color-accent-soft: #f7a8c4;
  --color-accent-muted: #c9709a;
  --color-accent-mid: #c9517f;
  --color-accent-deep: #9c2f5c;
  --color-link: #d6376f;
  --color-danger: #c0264a;

  --color-border: #ffe3ec;
  --color-border-strong: #ffdce8;
  --color-border-dashed: #ffcfe0;

  --shadow-card: 0 14px 32px rgba(168, 36, 84, 0.14);
  --shadow-thumb: 0 3px 10px rgba(224, 56, 122, 0.18);
  --shadow-arch:
    0 0 0 9px rgba(255, 214, 229, 0.9),
    0 0 70px 26px rgba(255, 205, 225, 0.5),
    0 26px 60px rgba(61, 20, 48, 0.32);

  /* Hero zemini: merkezden dışa açılan pembe ışık. */
  --gradient-hero: radial-gradient(
    66% 52% at 50% 44%,
    #fff6fa 0%,
    #ffdaea 36%,
    #ffb3d0 58%,
    #f08cb6 76%,
    #d76b9c 92%,
    #c05f8e 100%
  );

  /* --- Tipografi ------------------------------------------------------ */
  --font-body: Poppins, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-body);
  --font-script: Parisienne, 'Segoe Script', cursive;

  --text-hero: clamp(2.5rem, 12vw, 3.625rem);
  --text-hero-amp: clamp(1.5rem, 6.4vw, 2rem);
  --text-script-lg: clamp(2.125rem, 7vw, 3.5rem);
  --text-script-md: 2rem;
  --text-script-sm: 1.75rem;

  --text-heading: clamp(1.75rem, 6vw, 2.625rem);
  --text-heading-sm: clamp(1.375rem, 4vw, 1.875rem);
  --text-heading-wide: clamp(1.5rem, 6vw, 2rem);
  --text-numeral: clamp(1.875rem, 8vw, 2.375rem);

  --text-lede: clamp(1.0625rem, 3vw, 1.375rem);
  --text-body: clamp(1rem, 2.6vw, 1.1875rem);
  --text-field: 0.9375rem;
  --text-small: 0.9375rem;
  --text-tiny: 0.8125rem;
  --text-eyebrow: 0.6875rem;
  --text-label: 0.625rem;

  --leading-body: 1.7;
  --leading-prose: 1.65;
  --tracking-eyebrow: 0.26em;
  --tracking-label: 0.18em;
  --tracking-wide: 0.3em;

  /* --- Ritim ---------------------------------------------------------- */
  --space-section: clamp(3.5rem, 10vw, 6.25rem);
  --space-band: clamp(2.375rem, 7vw, 4.25rem);
  --space-gutter: clamp(1.375rem, 5vw, 3rem);
  --space-cluster: clamp(0.875rem, 3vw, 1.625rem);

  --radius-card: 6px;
  --radius-panel: 26px;
  --radius-pill: 999px;
  --radius-tile: 22px;
  --radius-shell: 34px;

  --width-page: 68.75rem;
  --width-prose: 51.25rem;
  --width-form: 32.5rem;

  /* --- Hareket -------------------------------------------------------- */
  --duration-fast: 180ms;
  --duration-normal: 260ms;
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1);
}