/* ==========================================================================
   TOKENS — WNY RPM Solutions Inc.
   Single source of truth. No hardcoded hex may appear outside this file.
   ========================================================================== */

:root {
  /* ---- Brand color -------------------------------------------------------
     Pulled from the business card: heavy construction orange, black, amber.
     Two orange steps exist on purpose:
       --brand      large surfaces, buttons, bars (takes DARK text)
       --brand-ink  text and links on light backgrounds (5.4:1 on white)
     Never put white text on --brand. Never put --brand text on white.
  ------------------------------------------------------------------------ */
  --brand:        #e07b27;
  --brand-dark:   #c2621a;
  --brand-ink:    #a34a05;
  --brand-wash:   #fdf3ea;
  --brand-line:   #f2d6bb;

  --amber:        #f2a93b;
  --amber-wash:   #fff8ea;

  /* ---- Neutrals ---------------------------------------------------------- */
  --ink:          #16181c;   /* headings, primary text            15.9:1 on white */
  --ink-2:        #3d434d;   /* body text                          9.4:1 on white */
  --ink-3:        #5f6773;   /* muted meta                         5.6:1 on white */
  --line:         #e2e5ea;
  --line-strong:  #c9ced6;
  --surface:      #ffffff;
  --surface-2:    #f6f7f9;
  --surface-3:    #eef0f4;
  --night:        #101216;   /* dark sections */
  --night-2:      #1c1f26;
  --on-night:     #f2f4f7;
  --on-night-2:   #b3bac6;

  /* ---- Semantic ---------------------------------------------------------- */
  --urgent:       #9b1c1c;
  --urgent-wash:  #fdf2f2;
  --good:         #14532d;
  --good-wash:    #f0fdf4;
  --todo:         #713f12;
  --todo-wash:    #fffbeb;
  --todo-line:    #fcd34d;

  /* ---- Type -------------------------------------------------------------
     Two loaded families, four weights total (Rule 13).
     Bangla uses the OS-resident stack — no third webfont download.
  ------------------------------------------------------------------------ */
  --font-head: "Archivo", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-bn:   "Noto Sans Bengali", "Nirmala UI", "Shonar Bangla",
               "Kohinoor Bangla", "Hind Siliguri", sans-serif;

  --fs-xs:   0.8125rem;
  --fs-sm:   0.9375rem;
  --fs-base: 1rem;
  --fs-md:   clamp(1.0625rem, 0.2vw + 1rem,    1.125rem);
  --fs-lg:   clamp(1.1875rem, 0.5vw + 1.05rem, 1.375rem);
  --fs-xl:   clamp(1.375rem,  1vw + 1.1rem,    1.75rem);
  --fs-2xl:  clamp(1.625rem,  2vw + 1.1rem,    2.375rem);
  --fs-3xl:  clamp(2rem,      3.4vw + 1.1rem,  3.25rem);
  --fs-4xl:  clamp(2.375rem,  5vw + 1rem,      4.25rem);

  --lh-tight: 1.06;
  --lh-head:  1.16;
  --lh-body:  1.68;

  /* ---- Space (4px base) --------------------------------------------------- */
  --s-1: 0.25rem;  --s-2: 0.5rem;   --s-3: 0.75rem;  --s-4: 1rem;
  --s-5: 1.5rem;   --s-6: 2rem;     --s-7: 2.75rem;  --s-8: 3.5rem;
  --s-9: 4.5rem;   --s-10: 6rem;
  --section-y: clamp(3rem, 7vw, 5.75rem);

  /* ---- Shape ------------------------------------------------------------- */
  --r-sm: 4px;  --r-md: 8px;  --r-lg: 14px;  --r-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(22, 24, 28, .06), 0 1px 3px rgba(22, 24, 28, .08);
  --shadow-md: 0 4px 10px rgba(22, 24, 28, .07), 0 12px 28px rgba(22, 24, 28, .09);
  --shadow-lg: 0 10px 24px rgba(22, 24, 28, .10), 0 28px 60px rgba(22, 24, 28, .14);

  /* ---- Layout ------------------------------------------------------------ */
  --container: 1160px;
  --container-narrow: 760px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --header-h: 68px;
  --callbar-h: 60px;
}