/* IB BEST SOLUTION — design tokens (ported from Claude Design handoff) */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root{
  /* Brand blue */
  --blue-50:#EEF4FE;--blue-100:#D8E6FC;--blue-200:#B4CDF8;--blue-300:#7FAAF1;
  --blue-400:#3C82E4;--blue-500:#1E6FDD;--blue-600:#0B5ED7;--blue-700:#083B78;--blue-800:#06294F;
  /* Navy */
  --navy-900:#0B1F3A;--navy-800:#122B4D;--navy-700:#1B3A63;
  /* Neutrals */
  --white:#FFFFFF;--gray-50:#F5F7FA;--gray-100:#EDF1F6;--gray-200:#DFE5EC;--gray-300:#C7D0DB;
  --gray-400:#98A3B2;--gray-500:#6B7280;--gray-600:#4B5563;--gray-700:#374151;--gray-800:#1F2937;--gray-900:#111827;
  /* Semantic status */
  --green-600:#0E7C5A;--green-50:#E8F6F1;
  --amber-600:#B45309;--amber-50:#FDF3E7;
  --red-600:#B42318;--red-50:#FDECEA;

  --text-strong:var(--navy-900);
  --text-body:var(--gray-700);
  --text-muted:var(--gray-500);
  --text-subtle:var(--gray-400);
  --text-on-dark:var(--white);
  --text-on-dark-muted:rgba(255,255,255,.68);
  --text-accent:var(--blue-600);
  --text-link:var(--blue-600);
  --text-link-hover:var(--blue-700);

  --surface-page:var(--white);
  --surface-alt:var(--gray-50);
  --surface-card:var(--white);
  --surface-card-alt:var(--gray-50);
  --surface-dark:var(--navy-900);
  --surface-dark-alt:var(--navy-800);
  --surface-accent:var(--blue-600);
  --surface-accent-soft:var(--blue-50);

  --border-subtle:var(--gray-200);
  --border-default:var(--gray-300);
  --border-strong:var(--gray-400);
  --border-accent:var(--blue-600);
  --border-on-dark:rgba(255,255,255,.14);

  --action-primary:var(--blue-600);
  --action-primary-hover:var(--blue-500);
  --action-primary-active:var(--blue-700);
  --action-quiet-hover:var(--blue-50);
  --focus-ring:0 0 0 3px rgba(11,94,215,.28);

  --gradient-hero:linear-gradient(135deg,#0B1F3A 0%,#0E2C55 48%,#0B5ED7 140%);
  --gradient-accent:linear-gradient(90deg,var(--blue-600),var(--blue-400));
  --gradient-fade-light:linear-gradient(180deg,var(--white),var(--gray-50));

  --font-display:"Inter Tight","Noto Sans Thai","Helvetica Neue",Arial,sans-serif;
  --font-sans:"Inter","Noto Sans Thai","Helvetica Neue",Arial,sans-serif;
  --font-thai:"Noto Sans Thai","Inter",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;

  --text-display:2.5rem;
  --text-h1:2.125rem;
  --text-h2:1.75rem;
  --text-h3:1.375rem;
  --text-h4:1.5rem;
  --text-h5:1.25rem;
  --text-lg:1.125rem;
  --text-body-size:1.0625rem;
  --text-sm:0.9375rem;
  --text-xs:0.8125rem;
  --text-eyebrow:0.75rem;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  --leading-tight:1.06;
  --leading-heading:1.18;
  --leading-snug:1.4;
  --leading-body:1.65;
  --leading-loose:1.8;

  --tracking-display:-0.025em;
  --tracking-heading:-0.015em;
  --tracking-normal:0;
  --tracking-eyebrow:0.14em;

  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;
  --space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;
  --space-24:96px;--space-30:120px;--space-40:160px;

  --section-y:96px;
  --section-y-tight:72px;
  --container-max:1240px;
  --container-narrow:820px;
  --gutter:24px;
  --grid-gap:24px;
  --header-h:76px;

  --radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-pill:999px;

  --shadow-xs:0 1px 2px rgba(11,31,58,.06);
  --shadow-sm:0 1px 3px rgba(11,31,58,.08),0 1px 2px rgba(11,31,58,.04);
  --shadow-md:0 6px 18px -4px rgba(11,31,58,.10),0 2px 6px rgba(11,31,58,.05);
  --shadow-lg:0 18px 44px -12px rgba(11,31,58,.18),0 4px 12px rgba(11,31,58,.06);
  --shadow-accent:0 12px 28px -10px rgba(11,94,215,.45);
  --border-hairline:1px solid var(--border-subtle);

  --dur-fast:120ms;
  --dur-base:200ms;
  --dur-slow:320ms;
  --dur-reveal:560ms;
  --ease-out:cubic-bezier(.22,.61,.36,1);
  --ease-in-out:cubic-bezier(.4,0,.2,1);
  --ease-entrance:cubic-bezier(.16,.84,.44,1);
  --lift-hover:translateY(-3px);
  --press-scale:0.985;
}
@media (min-width:768px){
  :root{--text-display:3.5rem;--text-h1:2.75rem;--text-h2:2.25rem;--text-h3:1.625rem;--section-y:104px;--section-y-tight:76px;--gutter:40px}
}
@media (min-width:1200px){
  :root{--text-display:4.5rem;--text-h1:3.5rem;--text-h2:2.75rem;--text-h3:2rem;--section-y:120px;--section-y-tight:80px;--gutter:48px}
}
@media (prefers-reduced-motion:reduce){
  :root{--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--dur-reveal:0ms}
}