/* ChubWai design tokens — single source of truth for the rollup banner.
   Hardcoded hex values are not allowed in any component file. */
:root {
  /* Brand */
  --navy: #0F2747;
  --blue: #3B82F6;
  --sky: #A5D8FF;
  --violet: #7C3AED;
  --teal: #14B8A6;
  --sand: #F4EDE4;

  /* Chart / semantic */
  --green: #22C55E;
  --orange: #F59E0B;
  --red: #EF4444;
  --yellow: #EAB308;
  --pink: #EC4899;
  --purple: #8B5CF6;

  /* Neutral */
  --gray-900: #111827;
  --gray-700: #374151;
  --gray-400: #9CA3AF;
  --gray-200: #E5E7EB;
  --gray-100: #F3F4F6;
  --white: #FFFFFF;

  /* Surfaces */
  --app-bg: #F7FAFF;
  --card: var(--white);
  --tint-blue: #EFF6FF;

  /* Radii & shadow */
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --shadow-card: 0 2px 10px rgba(15, 39, 71, 0.06);
  --shadow-float: 0 10px 30px rgba(15, 39, 71, 0.12);

  /* Print-only: hairline replacement for box-shadow (see print-safe.css) */
  --card-hairline: color-mix(in srgb, var(--navy) 13%, var(--white));

  /* Type */
  --font: "Inter", "Noto Sans Thai", "IBM Plex Sans Thai", -apple-system, sans-serif;
}