/* Gültekin Prestij — design tokens
   Gold values sampled directly from the brand mark (assets/images/logo/logo.png). */

:root {
  /* ---- Brand palette ---- */
  --gold-light: #e8cf9c;
  --gold: #c9a463;
  --gold-deep: #a67c3d;
  --ink: #15130f;
  --ink-soft: #221f18;
  --ink-line: #343026;
  --cream: #faf6ee;
  --cream-dim: #f0e8d8;
  --paper: #ffffff;

  --text-body: #4a4335;
  --text-muted: #7a7365;
  --text-on-dark: #f3eee1;
  --text-on-dark-muted: #b7ae9a;

  /* ---- Semantic ---- */
  --color-bg: var(--cream);
  --color-surface: var(--paper);
  --color-accent: var(--gold);
  --color-border: #e4dbc7;

  /* ---- Type ---- */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", -apple-system, "Segoe UI", sans-serif;

  --fs-h1: clamp(2.4rem, 1.7rem + 3vw, 4.4rem);
  --fs-h2: clamp(1.9rem, 1.5rem + 1.8vw, 3rem);
  --fs-h3: clamp(1.3rem, 1.15rem + 0.7vw, 1.7rem);
  --fs-lead: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-eyebrow: 0.8rem;

  /* ---- Layout ---- */
  --container: 1240px;
  --container-narrow: 860px;
  --gap: clamp(1.5rem, 1rem + 2vw, 3.5rem);
  --radius-s: 6px;
  --radius-m: 14px;
  --radius-l: 28px;

  --shadow-soft: 0 20px 50px -25px rgba(21, 19, 15, 0.35);
  --shadow-card: 0 12px 30px -18px rgba(21, 19, 15, 0.28);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}