/* Brand tokens for dhyarisfoundation.org. Theme A, "Rice paste". See BRAND.md.
   site.css reads only these variables. Options B and C live in _src/themes/. unslop-ignore */
:root {
  /* Colour (from the logo package) */
  --ink: #1e1e1e;            /* text, headings, dark bands */
  --ink-soft: #5f5b55;       /* secondary text, icons */
  --paper: #f7f4ee;          /* page background: rice paste */
  --surface: #ffffff;        /* cards, forms, alternate sections */
  --line: #e4ded3;           /* 1 px rules and borders */
  --dark: #1e1e1e;           /* stats band, footer */
  --dark-tile: #2a2826;      /* tiles on a dark band */
  --on-dark: #f7f4ee;        /* text on dark bands */
  --accent: #e0452a;         /* kumkum: the dot, active menu mark, focus ring */
  --accent-deep: #b8341c;    /* kumkum deep: links and the one action per screen */
  --accent-tint: #fbe9e4;    /* kumkum at 12% on paste: panel backgrounds only */
  --on-accent: #ffffff;

  /* Secondary colours: illustrations, charts and status marks only. Never text, buttons or page chrome. */
  --haldi: #e9b44c;          /* turmeric yellow */
  --neel: #2f4a7a;           /* indigo */
  --neem: #5e8b5b;           /* leaf green */
  --haldi-deep: #8a6420;     /* text on haldi tint */
  --neem-deep: #3f6a3d;      /* text on neem tint */
  --haldi-tint: #fbf1dc;
  --neel-tint: #e3e9f3;
  --neem-tint: #e6efe5;

  /* Type */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif; /* logo typeface, unslop-ignore */
  --font-body: "Noto Sans", "Segoe UI", Arial, sans-serif;
  --text-base: 1.0625rem;    /* 17 px */
  --leading: 1.6;
  --measure: 62ch;

  /* Space and shape */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --wrap: 72rem;
  --gutter: 1rem;
  --radius: 6px;
  --radius-lg: 10px;

  /* Shadows: photographs only, warm ink at low opacity. Illustrations, tiles and cards stay flat. */
  --shadow-photo: 0 1px 2px rgba(30, 30, 30, 0.08), 0 8px 24px rgba(30, 30, 30, 0.10);
  --shadow-photo-hover: 0 3px 6px rgba(30, 30, 30, 0.12), 0 18px 40px rgba(30, 30, 30, 0.20);
}