/* Design tokens — §54.9. zh-TW clinical palette, low-blue, easy on tired eyes. */
:root {
  /* Color */
  --color-bg:              #FAFAF7;
  --color-surface:         #FFFFFF;
  --color-text-primary:    #1A1A1A;
  --color-text-secondary:  #6B6B6B;
  --color-text-muted:      #9B9B9B;
  --color-accent:          #2D6A6F;   /* teal: clinical, not corporate-purple */
  --color-accent-soft:     #E8F0F0;
  --color-success:         #4A8B70;
  --color-warning:         #C58F4B;   /* amber, NOT red */
  --color-danger:          #B5524A;   /* RED reserved for "請與診所討論" only */
  --color-chart-good:      #4A8B70;
  --color-chart-watch:     #C58F4B;
  --color-chart-poor:      #B5524A;
  --color-grid:            #EAEAEA;

  /* Spacing */
  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;  --space-4: 16px;
  --space-5: 24px;  --space-6: 32px;  --space-7: 48px;  --space-8: 64px;

  /* Type (Noto Sans TC) */
  --font-size-1: 12px;  --font-size-2: 14px;  --font-size-3: 16px;
  --font-size-4: 18px;  --font-size-5: 22px;  --font-size-6: 28px;  --font-size-7: 34px;
  --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-bold: 700;

  /* Radius */
  --radius-1: 4px; --radius-2: 8px; --radius-3: 12px; --radius-pill: 9999px;

  /* Shadow — elevation only, never decoration */
  --shadow-1: 0 1px 2px rgba(0,0,0,0.06);
  --shadow-2: 0 2px 8px rgba(0,0,0,0.08);
}