/* ==========================================================================
   Cookify — Global Design Tokens
   Colors, spacing and radii shared across every page.
   ========================================================================== */

:root {
  /* Brand palette */
  --color-ivory: #F5F1E8;
  --color-ink: #17140F;
  --color-accent: #ff914d;
  --color-olive: #4B5A3F;

  /* Card background tints (hero carousel) */
  --color-card-a: #EFE6D3;
  --color-card-b: #DEE3D0;
  --color-card-c: #F0DCC9;

  /* Neutral / utility */
  --color-white: #ffffff;
  --color-border: rgba(23, 20, 15, 0.12);
  --color-border-soft: rgba(23, 20, 15, 0.08);
  --color-text-muted: rgba(23, 20, 15, 0.6);
  --color-text-faint: rgba(23, 20, 15, 0.45);

  /* Typography */
  --font-heading: 'Noto Serif Bengali', serif;
  --font-body: 'Noto Serif Bengali', serif;

  /* Radii */
  --radius-pill: 999px;
  --radius-lg: 26px;
  --radius-md: 14px;
  --radius-sm: 4px;

  /* Layout */
  --container-max: 1320px;
}