/* Shared design tokens. Exact artboard geometry is in pages/*.css. */
:root {
  --page-background: #1b3232;
  --accent: #40bf95;
  --primary: #107070;
  --panel: rgb(26 26 26 / 50%);
  --panel-tint: rgb(16 112 112 / 25%);
  --text: #fff;
  --page-gutter: 20px;
  --card-padding: 20px;
  --body-size: 16px;
  --header-size: 88px;
  --radius: 20px;
}
.theme-en, .theme-zh {
  --page-background: #292442;
  --accent: #adadeb;
  --primary: #4b3d8f;
  --panel-tint: rgb(75 61 143 / 25%);
}
@media (min-width: 800px) {
  :root { --page-gutter: 25px; --body-size: 20px; --header-size: 98px; }
}
@media (min-width: 1280px) {
  :root { --page-gutter: 30px; --card-padding: 30px; --body-size: 24px; --header-size: 108px; }
}