/*
Theme Name: Future Workforce Development Institute
Theme URI: https://fwdi.example.ac.th
Author: FWDI Digital Team
Description: ธีม WordPress สำหรับสถาบันพัฒนาศักยภาพกำลังคนแห่งอนาคต (Future Workforce Development Institute) รองรับ Elementor Pro, ACF Pro, Bootstrap 5, สองภาษา (TH/EN), มาตรฐาน WCAG 2.1 AA
Version: 1.1.0
Requires at least: 6.5
Tested up to: 7.0.2
Requires PHP: 8.1
Text Domain: fwdi
Tags: education, government, custom-theme, two-languages
*/

/* =========================================================
   Design Tokens (ตามสเปกที่กำหนด)
   ========================================================= */
:root{
  --fwdi-primary:#005BAC;
  --fwdi-primary-dark:#003E75;
  --fwdi-secondary:#00AEEF;
  --fwdi-accent:#FFC107;
  --fwdi-bg:#F8FAFC;
  --fwdi-white:#FFFFFF;
  --fwdi-text:#1F2937;
  --fwdi-text-muted:#64748B;
  --fwdi-border:#E2E8F0;
  --fwdi-gradient: linear-gradient(135deg, var(--fwdi-primary) 0%, var(--fwdi-secondary) 100%);
  --fwdi-glass-bg: rgba(255,255,255,0.65);
  --fwdi-glass-border: rgba(255,255,255,0.35);
  --fwdi-radius-sm: 8px;
  --fwdi-radius-md: 16px;
  --fwdi-radius-lg: 28px;
  --fwdi-shadow-sm: 0 2px 8px rgba(0,40,80,0.06);
  --fwdi-shadow-md: 0 8px 24px rgba(0,40,80,0.10);
  --fwdi-shadow-lg: 0 20px 48px rgba(0,40,80,0.16);
  --fwdi-font-display:'Prompt', sans-serif;
  --fwdi-font-body:'IBM Plex Sans Thai','Sarabun', sans-serif;
  --fwdi-header-h:84px;
}

/* Base resets kept minimal on purpose — Bootstrap 5 handles the grid/utility layer.
   Everything below is FWDI-specific design language layered on top. */
html{scroll-behavior:smooth;}
body{
  font-family:var(--fwdi-font-body);
  color:var(--fwdi-text);
  background:var(--fwdi-bg);
}
h1,h2,h3,h4,h5,h6,.fwdi-display{
  font-family:var(--fwdi-font-display);
  font-weight:600;
  color:var(--fwdi-primary-dark);
}
a{color:var(--fwdi-primary);}
a:hover{color:var(--fwdi-secondary);}

/* Visible focus ring — WCAG 2.1 AA */
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible{
  outline:3px solid var(--fwdi-accent);
  outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
}

.skip-link{
  position:absolute; left:-9999px; top:0; background:var(--fwdi-primary); color:#fff;
  padding:12px 20px; z-index:10000; border-radius:0 0 8px 0;
}
.skip-link:focus{left:0;}