/* Visual-parity tokens — extracted from the legacy site's assets/style.css.
 * See ../design.md — this is a resource-motivated rewrite, not a redesign. */
:root {
  --color-purple:      #3E3782;
  --color-purple-dark: #2F2D6B;
  --color-grey:        #757575;
  --color-grey-light:  #ADADAD;
  --color-grey-dark:   #545454;
  --color-yellow:      #FFFF00;
  --color-page-bg:     #dddddd;
  --color-ink:         #2d2d2d;
  --color-btn-accent:  #80CCED;
  --color-white:       #ffffff;
  --color-focus:       #3E3782;

  --font-display: "Kanit", "Noto Sans Thai", sans-serif;
  --font-body:    "Source Sans Pro", "Noto Sans Thai", -apple-system, sans-serif;

  --space-3xs: 0.25rem;
  --space-2xs: 0.5rem;
  --space-xs:  0.75rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 4.5rem;

  --text-xs:  0.8125rem;
  --text-sm:  0.9375rem;
  --text-md:  1.0625rem;
  --text-lg:  1.3rem;
  --text-xl:  1.75rem;
  --text-2xl: 2.25rem;

  --radius-card: 8px;
  --radius-card-bottom: 0 0 8px 8px;
  --radius-footer: 15px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 200ms;
}