/* Design tokens — ported 1:1 from the Next.js build's globals.css */

:root {
  /* Muted, neutral palette — softened from an earlier near-black/bright-red
     version that read as too bold; kept the same roles (ink/paper/accent)
     but pulled contrast and saturation down toward something calmer. */
  --ink: #33302c;
  --paper: #ffffff;
  --paper-dim: #f4f2ee;
  --steel: #7c7873;
  --line: #e6e3dd;
  --rebar: #9c5c4c;

  --background: var(--paper);
  --foreground: var(--ink);
  --muted: var(--paper-dim);
  --muted-foreground: var(--steel);
  --border: var(--line);
  --primary: var(--ink);
  --primary-foreground: var(--paper);
  --accent: var(--rebar);
  --accent-foreground: var(--paper);
  --secondary: var(--paper-dim);
  --secondary-foreground: var(--ink);
  --destructive: #b3261e;
  --ring: var(--rebar);
  --radius: 0px;

  --text-display: clamp(2.25rem, 5vw + 1rem, 6.5rem);
  --text-display-sm: clamp(1.85rem, 3vw + 1rem, 3.6rem);

  --font-sans: "Vazirmatn Variable", ui-sans-serif, system-ui, sans-serif;

  --container-max: 80rem; /* max-w-7xl */
  --container-pad: 1.5rem;

  --nav-drawer-width: min(320px, 82vw);
  --nav-transition: 150ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 1024px) {
  :root {
    --container-pad: 2.5rem;
  }
}