/* ============================================================
   variables.css — Design Tokens ร่วม
   ส่วนเครือข่ายสื่อสารและอินเทอร์เน็ต
   ============================================================ */
:root {
  /* Brand */
  --green-900:  #0d4a2a;
  --green-800:  #145f39;
  --green-700:  #1a7a4a;
  --green-600:  #22965c;
  --green-100:  #e8f5ee;
  --green-50:   #f2fbf6;

  /* Semantic */
  --color-primary:       var(--green-700);
  --color-primary-dark:  var(--green-800);
  --color-primary-deeper:var(--green-900);
  --color-primary-light: var(--green-100);
  --color-primary-faint: var(--green-50);
  --color-accent:        #e8a020;   /* ทอง */
  --color-danger:        #dc3545;
  --color-success:       #28a745;
  --color-warning:       #ffc107;

  /* Surface */
  --color-bg:            #f0f4f2;
  --color-surface:       #ffffff;
  --color-surface-2:     #f8faf9;
  --color-border:        #d0dbd5;
  --color-border-light:  #e4eee9;

  /* Text */
  --color-text:          #1a2620;
  --color-text-2:        #3d5247;
  --color-text-3:        #7a9488;
  --color-text-inv:      #ffffff;

  /* Typography */
  --font-display: 'Kanit', 'Sarabun', sans-serif;
  --font-body:    'Sarabun', sans-serif;

  /* Scale */
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-md:   16px;
  --text-lg:   18px;
  --text-xl:   22px;
  --text-2xl:  28px;
  --text-3xl:  36px;

  /* Spacing */
  --sp-1:  4px;   --sp-2:  8px;   --sp-3:  12px;
  --sp-4:  16px;  --sp-5:  20px;  --sp-6:  24px;
  --sp-8:  32px;  --sp-10: 40px;  --sp-12: 48px;

  /* Radius */
  --r-sm: 6px;   --r-md: 10px;  --r-lg: 14px;
  --r-xl: 18px;  --r-full: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 3px rgba(26,118,74,.08);
  --shadow-md: 0 2px 8px rgba(26,118,74,.12);
  --shadow-lg: 0 8px 32px rgba(26,118,74,.16);
  --shadow-xl: 0 20px 60px rgba(26,118,74,.20);

  /* Layout */
  --max-w: 1280px;
  --header-h: 60px;
}