/* ==========================================================================
   Indigroo — Design tokens ("Prakriti Gold")
   Values taken verbatim from the apps. Do not introduce hues outside this file.
   ========================================================================== */

:root {
  /* Brand */
  --peepal-green:   #1B5E35;
  --deep-forest:    #164A29;
  --light-peepal:   #D4EDDA;
  --gold:           #C8860A;
  --burnished-gold: #D4A017;

  /* Neutrals */
  --bg:           #F5F5F5;
  --surface:      #FFFFFF;
  --deep-bark:    #1A1209;
  --warm-umber:   #5C4A30;
  --muted-sand:   #9B8B6F;
  --warm-border:  #E8DCC8;
  --warm-divider: #F2EAD8;

  /* Status */
  --success: #1B5E35;
  --warning: #D4A017;
  --error:   #C0392B;

  /* Dark bands */
  --ink:   #0E1410;
  --ink-2: #16211A;

  /* Text on dark */
  --on-ink:     #F5F1E8;
  --on-ink-dim: rgba(245, 241, 232, .68);

  /* Signature gradients */
  --grad-brand: linear-gradient(135deg, #1B5E35 0%, #C8860A 100%);
  --grad-hero:  radial-gradient(120% 90% at 50% 0%, #1B5E35 0%, #0E1410 60%);
  --grad-gold:  linear-gradient(135deg, #D4A017 0%, #C8860A 60%, #8A5B05 100%);
  --grad-glass: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04));
  --grad-goldtext: linear-gradient(100deg, #D4A017 0%, #C8860A 35%, #F0C24B 50%, #C8860A 65%, #D4A017 100%);

  /* Type */
  --font-display: "Clash Display", "General Sans", "Plus Jakarta Sans", Inter, system-ui, sans-serif;
  --font-body: Inter, "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Minimums are set so the longest word in the copy ("neighbourhood,")
     still fits inside the gutter at a 320px viewport. */
  --h1: clamp(1.875rem, 8vw, 5.5rem);
  --h2: clamp(1.625rem, 5vw, 3.5rem);
  --h3: clamp(1.375rem, 2.2vw, 2rem);
  --body: clamp(1rem, 1.1vw, 1.125rem);
  --eyebrow: .8125rem;

  /* Shape */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Depth — warm, never grey */
  --sh-sm: 0 6px 18px -8px rgba(26, 18, 9, .22);
  --sh-md: 0 20px 60px -20px rgba(26, 18, 9, .28);
  --sh-lg: 0 40px 90px -30px rgba(26, 18, 9, .34);
  --sh-gold: 0 18px 44px -18px rgba(200, 134, 10, .55);

  /* Motion */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io:  cubic-bezier(.65, 0, .35, 1);
  --t-micro: 150ms;
  --t-std:   450ms;
  --t-cine:  900ms;

  /* Layout */
  --maxw: 1220px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --nav-h: 76px;
}

/* Category tints — the app's own pastel set, named neutrally so any shop
   category can use them. Indigroo lists every kind of local shop, so these
   are no longer tied to grocery aisles. Same nine hex values as the apps. */
:root {
  --tint-mint:   #E8F5E9;
  --tint-peach:  #FFF3E0;
  --tint-sky:    #E3F2FD;
  --tint-sand:   #FFF8E1;
  --tint-rose:   #FCE4EC;
  --tint-lilac:  #EDE7F6;
  --tint-clay:   #FBE9E7;
  --tint-sage:   #E0F2F1;
  --tint-ice:    #E1F5FE;
}