/*
  Tırtaş Design Tokens
  Brand blue/red derived from tirtas.com/css/style.css (verified: #2c62bd family, #b91d33 accent).
  Deepened and rebalanced for an editorial, restrained premium palette —
  intentionally NOT a corporate-template blue gradient.
*/
:root {
  /* Surfaces */
  --paper: #f4f2ec;
  --paper-dim: #ece9e1;
  --surface: #fbfaf7;
  --ink: #14140f;
  --ink-soft: #34342c;
  --muted: #6d6e64;
  --line: rgba(20, 20, 15, 0.13);
  --line-strong: rgba(20, 20, 15, 0.24);

  /* Dark sections */
  --dark: #0e1210;
  --dark-soft: #191d1a;
  --on-dark: #f4f2ec;
  --on-dark-muted: rgba(244, 242, 236, 0.64);
  --line-dark: rgba(244, 242, 236, 0.16);

  /* Brand */
  --brand-blue: #1f3f8f;
  --brand-blue-deep: #142a63;
  --brand-red: #b91d33;

  /* Type */
  --font-display: "Space Grotesk", "Manrope", sans-serif;
  --font-hero: "Sora", "Manrope", sans-serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;

  /* Layout */
  --max: 1480px;
  --gutter: 64px;
  --gutter-mobile: 22px;
  --radius-sm: 3px;

  /* Motion timing (referenced by JS; keep in sync with animations/*.js) */
  --ease-out: cubic-bezier(.16,.84,.36,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);

  /* Z-index scale */
  --z-nav: 100;
  --z-overlay: 200;
}

@media (max-width: 980px) {
  :root { --gutter: 32px; }
}
@media (max-width: 620px) {
  :root { --gutter: var(--gutter-mobile); }
}