/* PDStudio Reviews design tokens. Self-hosted only: the CSP allows no external fonts or stylesheets. */
:root {
  --color-primary: #17694f;
  --color-primary-hover: #10533d;
  --color-primary-soft: #e3f2e9;
  --color-primary-ink: #145b40;
  --color-focus: #6fb08f;

  --color-bg: #f3f7f5;
  --color-surface: #ffffff;
  --color-surface-muted: #f6faf7;
  --color-border: #d8e5df;
  --color-border-strong: #abc8b8;
  --color-text: #173a30;
  --color-text-muted: #4f655d;   /* >= 5.3:1 on every surface/tint used */
  --color-text-subtle: #586d65;  /* >= 4.69:1 on every surface/tint used (WCAG AA) */

  --color-success-bg: #eaf6ee;
  --color-success-border: #b3d8be;
  --color-success-text: #185738;
  --color-warning-bg: #fff8eb;
  --color-warning-border: #e9d6ae;
  --color-warning-text: #6b4f1b;
  --color-danger: #a63b30;
  --color-danger-hover: #8a2f26;
  --color-danger-bg: #fff4f2;
  --color-danger-border: #e7b9b2;
  --color-danger-text: #6e2a22;
  --color-info-bg: #eef4fb;
  --color-info-border: #c5d6ea;
  --color-info-text: #24476e;

  --font-sans: system-ui, -apple-system, "Segoe UI", "Leelawadee UI", "Noto Sans Thai", "Thonburi", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;
  --text-xs: .78rem;
  --text-sm: .875rem;
  --text-md: 1rem;
  --text-lg: 1.15rem;
  --text-xl: 1.4rem;
  --text-2xl: clamp(1.6rem, 3.2vw, 2.2rem);
  --leading: 1.65;      /* Thai stacked vowels/tones need generous line height */
  --leading-tight: 1.35;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 48px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px #1847370f;
  --shadow-md: 0 6px 24px #1847370d;

  --tap: 44px;
  --content: 1200px;
  --content-narrow: 560px;
}