/* Generated design-system contract for new WarrantScope pages.
   Keep values synchronized with tokens.json and production semantic variables. */

:root {
  --font-content: "Noto Sans TC", sans-serif;
  --font-financial: "Manrope", "Noto Sans TC", sans-serif;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-12: 12px;
  --touch-target: 44px;
  --content-max: 1280px;
  --workspace-max: 1480px;
  --discovery-gallery-max: 1680px;
  --reading-max: 760px;
}
:root,
[data-theme="light"] {
  --bg: #eef3f9;
  --panel: #ffffff;
  --panel-soft: #f4f8fc;
  --text: #10223d;
  --muted: #62718a;
  --faint: #8d9ab0;
  --line: #10223d1a;
  --line-soft: #10223d0f;
  --accent: #0c7df2;
  --accent-soft: #0c7df214;
  --up: #d8485e;
  --down: #149d77;
}

body.dark-mode,
[data-theme="dark"] {
  --bg: #0a0e15;
  --panel: #10151f;
  --panel-soft: #0d1118;
  --text: #f0f3f8;
  --muted: #8a96a8;
  --faint: #5a6477;
  --line: #849ebe21;
  --line-soft: #849ebe14;
  --accent: #e8b654;
  --accent-soft: #e8b6541a;
  --up: #f2566b;
  --down: #3dbe8b;
}
/* User-provided portrait-card specification v1.1; scoped preview extension. */
.cards, .grade-cards {
  --portrait-bg: #03111e;
  --portrait-text: #f5f8fc;
  --portrait-muted: #b8c8d9;
  --portrait-ice: #69d2ff;
  --portrait-cyan: #42ddd2;
  --portrait-ocean: #668cff;
  --portrait-indigo: #a58aff;
  --portrait-rose: #e276b5;
  --portrait-platinum: #c8d5e4;
}