/* Duong Hung Eco Design Tokens - v2.5 (VietEco Benchmark & Impeccable Luxury B2B)
   Color System:
     --main-cl: #136534 (Vietnam Deep Forest Green)
     --sub-cl:  #34B540 (Eco Vibrant Leaf Green)
     --third-cl:#F4F3E7 (Soft Eco Cream)
     --four-cl: #FFFBF2 (Warm Off-White)
   Typography:
     --font-head: Manrope, Plus Jakarta Sans, Montserrat
     --font-body: Manrope, Inter, sans-serif
*/
:root {
  /* VietEco Master Greens */
  --main-cl: #136534;
  --sub-cl:  #34B540;
  --third-cl:#F4F3E7;
  --four-cl: #FFFBF2;

  --green-950: #081C12;
  --green-900: #0E3622;
  --green-800: #136534;
  --green-700: #1B7A42;
  --green-600: #27AE60;
  --green-500: #34B540;
  --green-200: #BDECC3;
  --green-100: #E2F5E5;
  --green-50:  #F4F9F5;

  /* Accent & B2B Fire Highlights */
  --fire-600: #C2461F;
  --fire-500: #D9532B;
  --fire-400: #FFA588;
  --fire-100: #FCECE8;

  /* Backgrounds & Neutral Paper */
  --paper: #F6F2E8;
  --cream: #F4F3E7;
  --ivory: #FFFBF2;
  --white: #FFFFFF;
  --ink: #111827;
  --ink-secondary: #374151;
  --muted: #4B5563;
  --line: #E5E7EB;
  --line-light: #F3F4F6;
  --line-eco: rgba(19, 101, 52, 0.15);

  /* Modern Corporate Sans Fonts with Native iOS / Android / CJK Support */
  --font-head: "Manrope", "Plus Jakarta Sans", "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Apple SD Gothic Neo", "PingFang SC", "Microsoft YaHei", "Malgun Gothic", "Noto Sans CJK", sans-serif;
  --font-body: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Apple SD Gothic Neo", "PingFang SC", "Microsoft YaHei", "Malgun Gothic", "Noto Sans CJK", sans-serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;

  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-48: 3rem;
  --fs-56: 3.5rem;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  --maxw: 1260px;
  --gutter: 24px;
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.03);
  --shadow-md: 0 10px 30px rgba(29,74,54,0.07);
  --shadow-lg: 0 20px 48px rgba(0,0,0,0.1);
}