/* ============================================================================
   Solution Enterprises — design tokens
   Har rang, size aur spacing yahin se. Koi raw hex template/component me nahi.
   (CLAUDE.md §2: "rang = design token, raw hex kabhi nahi")

   Direction: "Engineered Kraft — light".
   Product hi kraft paper hai; isliye palette product se aayi hai, stock-theme se nahi.
   Competitor sab white-and-blue generic hain — bone + forest + safety-orange turant alag hai.

   Contrast (calculated, phir render se naapa — see _local/render-check.js):
     ink   #10231B on bg #FAF8F4 = 15.5:1
     muted #5A6B60 on bg #FAF8F4 =  5.3:1
     brand #0F5132 on #FFFFFF    =  9.4:1
     black on accent #E8821F     =  8.1:1   <- accent par KAALA text, safed fail karta hai
   ========================================================================== */

:root {
	/* --- Surface ---------------------------------------------------------- */
	--c-bg:          #F5F5F0;   /* page — thanda neutral bone, honeycomb background ke saath */
	--c-bg-warm:     #F4F0E8;   /* alternate band */
	--c-card:        #FFFFFF;
	--c-ink-surface: #0C1E16;   /* dark band (footer, CTA) */
	--c-ink-surface-2:#13291F;

	/* --- Text ------------------------------------------------------------- */
	--c-ink:       #10231B;
	--c-ink-2:     #27382F;
	--c-muted:     #5A6B60;
	--c-on-dark:   #FFFFFF;
	--c-on-dark-2: #D6E2DA;

	/* --- Brand ------------------------------------------------------------ */
	--c-brand:      #0F5132;
	--c-brand-lift: #12603B;    /* gradient ka upar wala sira (sirf surface) */
	--c-brand-deep: #0A3A24;
	--c-brand-soft: #E7F0EA;

	/* --- Accent (CTA) ----------------------------------------------------- */
	--c-accent:      #E8821F;
	--c-accent-lift: #F0912F;   /* gradient ka upar wala sira (sirf surface) */
	--c-accent-deep: #C96A0C;   /* surfaces/borders ke liye — TEXT ke liye nahi */
	--c-accent-text: #A3530A;   /* chhote text ke liye. Naapa: bone par 5.2:1, white par 5.5:1
	                               (#C96A0C sirf 3.6:1 deta tha — eyebrow aur card__meta fail the) */
	--c-accent-ink:  #241200;   /* accent ke upar text — kaala hi */
	--c-accent-soft: #FDF1E3;

	/* --- Kraft (hairlines, texture, rules) -------------------------------- */
	--c-kraft:      #C89A6B;
	--c-kraft-soft: #EDE0CE;

	/* --- Lines & states --------------------------------------------------- */
	--c-line:       #E3E0D8;
	--c-line-soft:  #EFEDE7;
	--c-ok:         #15803D;    /* icons / borders */
	--c-ok-text:    #126B33;    /* text — #15803D brand-soft par sirf 4.31:1 tha */
	--c-warn:       #B45309;    /* icons / borders */
	--c-warn-text:  #8A4309;    /* text — #B45309 warm bg par sirf 4.42:1 tha */
	--c-err:        #B91C1C;

	/* --- Type ------------------------------------------------------------- */
	--f-head: 'Archivo', 'Archivo Fallback', system-ui, -apple-system, sans-serif;
	--f-body: 'Inter', 'Inter Fallback', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--f-mono: 'JetBrains Mono', 'JetBrains Mono Fallback', ui-monospace, Consolas, monospace;

	--t-display: clamp(34px, 5.4vw, 60px);
	--t-h1:      clamp(30px, 4.6vw, 50px);
	--t-h2:      clamp(24px, 3.1vw, 34px);
	--t-h3:      clamp(19px, 2.1vw, 23px);
	--t-h4:      17px;
	--t-body:    17px;   /* B2B spec text — 16 se neeche kabhi nahi */
	--t-small:   14.5px;
	--t-micro:   12.5px;

	--lh-tight: 1.08;
	--lh-head:  1.2;
	--lh-body:  1.68;

	--ls-display: -0.022em;
	--ls-head:    -0.012em;
	--ls-eyebrow:  0.14em;

	/* --- Spacing (4px base) -----------------------------------------------
	   Scale poori rakhi gayi hai chahe upar wale kuch step abhi use na ho rahe hon
	   (layout ab zyadatar clamp() par hai). Scale me gaap chhodna use todta hai. */
	--s-1: 4px;   --s-2: 8px;   --s-3: 12px;  --s-4: 16px;
	--s-5: 20px;  --s-6: 24px;  --s-8: 32px;  --s-10: 40px;
	--s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px; --s-32: 128px;

	/* --- Geometry --------------------------------------------------------- */
	/* Buttons square (standing rule). Glass panels ko thoda radius chahiye warna
	   frost ke kinare kachche lagte hain — par 10px se upar nahi, warna "app" lagne lagta hai. */
	--r-0:   0px;
	--r-1:   2px;
	--r-2:   4px;
	--r-glass: 10px;

	/* Full-width layout (Gaurav, 21 Sep 2026): pehle 1240px tha aur bade screen par
	   dono taraf khaali patti dikhti thi. Ab content viewport ke saath badhta hai,
	   par ek hard cap ke saath — warna 2560px par line-length padhne layak nahi rehti. */
	--container:      1680px;
	--container-text: 820px;   /* prose measure — ye NAHI badhta, ye padhne ki seema hai */
	--gutter:         clamp(16px, 3.2vw, 56px);
	--tap:            48px;

	/* --- Glass ------------------------------------------------------------
	   PERF RULE: `backdrop-filter` SIRF single-instance elements par — header,
	   mega menu, mobile bar, popover. Card grids par kabhi nahi: 60+ blur layers
	   scroll jank de dete hain. Cards ka frost gradient + translucency se aata hai. */
	/* --- Page background ke bloom (body::before) -------------------------- */
	--bg-glow-a: rgba(13, 92, 74, .16);    /* upar-baayen, green-teal */
	--bg-glow-b: rgba(232, 130, 31, .11);  /* upar-daayen, accent ki halki garmi */
	--bg-glow-c: rgba(15, 81, 50, .13);    /* neeche, brand green */

	--glass-card:    rgba(255, 255, 255, .62);   /* blur ke saath — pattern jhalakna chahiye */
	--glass-card-hi: rgba(255, 255, 255, .80);   /* upar ka highlight */
	--glass-panel:   rgba(255, 255, 255, .70);
	--glass-bar:     rgba(255, 255, 255, .72);   /* header — iske saath blur chalta hai */
	--glass-dark:    rgba(12, 30, 22, .82);
	--glass-edge:    rgba(255, 255, 255, .70);   /* 1px inner highlight */
	--glass-line:    rgba(16, 35, 27, .10);
	--glass-blur:    blur(18px) saturate(150%);
	--glass-glow:    0 0 0 1px rgba(255, 255, 255, .5) inset;

	/* --- Elevation — hairline pehle, shadow baad me ----------------------- */
	--sh-1: 0 1px 2px rgba(16, 35, 27, .05);
	--sh-2: 0 2px 4px rgba(16, 35, 27, .05), 0 10px 28px rgba(16, 35, 27, .06);  /* scale complete rakhne ke liye */
	--sh-3: 0 6px 14px rgba(16, 35, 27, .08), 0 24px 56px rgba(16, 35, 27, .10);
	--sh-glass: 0 1px 1px rgba(16, 35, 27, .04),
	            0 8px 24px rgba(16, 35, 27, .07),
	            0 24px 64px rgba(16, 35, 27, .06);

	/* --- Print — kaagaz ka apna palette. Screen tokens print par kaam nahi karte
	       (bone background toner kharch karta hai), par hex phir bhi yahin rahega. */
	--c-print-ink:   #000000;
	--c-print-paper: #FFFFFF;
	--c-print-meta:  #444444;

	/* --- Motion ----------------------------------------------------------- */
	--e-out: cubic-bezier(.22, .61, .36, 1);
	--d-1:   140ms;
	--d-2:   200ms;
}

/* Ye site jaan-boojh kar LIGHT hai (Gaurav ka faisla, 21 Sep 2026).
   color-scheme:light isliye zaroori hai: iske bina browser OS-dark par form controls,
   scrollbar aur default button background khud dark kar deta hai — aur tab hamare
   light tokens un par 1:1 contrast dete hain. Naapa gaya tha: nav button ka text
   #F3F0EA UA ke #F0F0F0 button background par = 1.00:1.

   prefers-color-scheme wala auto-dark block jaan-boojh kar HATAYA gaya hai: ek aadha-testa
   dark theme na hone se bura hai. Opt-in dark neeche hai (data-theme="dark") — jab use
   sach me naap kar ship karna ho, tabhi chalu karna. */
:root { color-scheme: light; }

:root[data-theme="dark"] {
	color-scheme: dark;
	--c-bg:        #12100D;
	--c-bg-warm:   #191612;
	--c-card:      #1C1A16;
	--c-ink:       #F3F0EA;
	--c-ink-2:     #DCD7CE;
	--c-muted:     #A9A296;
	--c-brand:     #6FC79B;
	--c-brand-soft:#17291F;
	--c-line:      #33302A;
	--c-line-soft: #26231F;
	--c-accent-soft:#2A1B0A;
	--c-on-dark:   #0C1E16;   /* dark me brand light hai, to uske upar text DARK chahiye */
}