/*
  SRIKANT MARKETING BRAND TOKENS v1.0
  Single source of truth for colour, type, shape and space.
  Rules: brand/BRAND.md. Do not add colours here without updating BRAND.md.
  The festive layer (Diwali lights, sparkles, festive chip) keeps its own
  hard-coded colours inside its own CSS block and is NOT governed by these tokens.
*/

@font-face{font-family:"Public Sans";src:url(../fonts/public-sans-300.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Public Sans";src:url(../fonts/public-sans-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Public Sans";src:url(../fonts/public-sans-600.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  /* Brand colours (the only seven) */
  --green:#0F5A44;   /* Srikant Green: logo, primary buttons, links, bands */
  --deep:#0B3A2D;    /* Deep Green: hover, gradient end, footer field */
  --ink:#0B231C;     /* Ink: all headings and body text */
  --slate:#4A5B55;   /* Slate: secondary text */
  --faint:#5E6E68;   /* Faint: codes, counts, captions (min 4.5:1 on paper) */
  --leaf:#E6F2EC;    /* Leaf: tinted panels, icon grounds, selected chips */
  --paper:#F6F9F7;   /* Paper: page ground */
  --white:#FFFFFF;   /* White: cards, inputs, sheets */

  /* Derived (alpha of brand colours only) */
  --line:rgba(11,35,28,.08);      /* hairline borders */
  --line-2:rgba(11,35,28,.14);    /* input and button borders */
  --line-green:rgba(15,90,68,.30);/* outline button border */
  --highlight:rgba(15,90,68,.16); /* search match highlight */
  --on-green:rgba(255,255,255,.80);   /* body text on green / deep */
  --on-green-2:rgba(255,255,255,.60); /* small print on green / deep */
  --glass:rgba(246,249,247,.86);  /* frosted header and bars only */
  --shadow:0 16px 40px rgba(11,35,28,.08);
  --shadow-lift:0 14px 30px rgba(11,35,28,.18); /* phone action bar only */
  --dots:radial-gradient(rgba(15,90,68,.07) 1px,transparent 1px); /* 24px grid, hero only */
  --grad:linear-gradient(135deg,var(--green) 0%,var(--deep) 100%);

  /* Category palette: icons and labels only, never large fills */
  --cat-kitchen:#B23A2E;   --cat-kitchen-t:#F7E9E8;
  --cat-toys:#9E5205;      --cat-toys-t:#F7EDE4;
  --cat-festive:#7A5E08;   --cat-festive-t:#F2EFE4;
  --cat-food:#5A6B12;      --cat-food-t:#EDEFE5;
  --cat-personal:#0E6B6B;  --cat-personal-t:#E4EFEF;
  --cat-stationery:#2B5797;--cat-stationery-t:#E8EDF4;
  --cat-storage:#5B3E96;   --cat-storage-t:#EDEAF3;
  --cat-party:#A23B6B;     --cat-party-t:#F5E9EF;
  --cat-home:#4B6170;      --cat-home-t:#EBEEEF;

  /* Type */
  --font:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fw-light:300; --fw-regular:400; --fw-semi:600;
  --fs-display:clamp(44px,5.4vw,56px); /* light 300, big figures only */
  --fs-h1:clamp(32px,4.4vw,44px);
  --fs-h2:clamp(26px,3.2vw,32px);
  --fs-h3:20px;
  --fs-body:17px;  --lh-body:1.6;
  --fs-ui:15px;
  --fs-caption:13px;
  --track-head:-.015em;
  --track-label:.06em;

  /* Shape */
  --r-l:28px;  /* bands, hero fields, large panels */
  --r-m:18px;  /* cards, inputs, sheets, product list */
  --r-s:12px;  /* buttons, tags, icon grounds */
  --r-pill:999px; /* filter chips ONLY */

  /* Space (8px grid) */
  --s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-6:48px;--s-8:64px;--s-12:96px;
  --gut:20px; --wrap:1240px;
  --sec:96px;
}
@media (max-width:760px){:root{--gut:16px;--sec:64px}}