/* Plant Daily Design System — tokens (PHASE F.7 PART 7, 16–19).
   Direction: Japanese niche botanical brand × designer collectible × quiet premium × Living Archive.
   Semantic tokens only; components never use raw hex. Colour is never the only signal (icons + words carry meaning). */
:root {
  color-scheme: dark;
  /* colour */
  --background: #0B0B0A;          /* PLNTverse black */
  --surface: #151513;             /* card */
  --surface-raised: #1D1C18;      /* sheet / input */
  --surface-muted: #12120F;       /* quiet blocks */
  --text-primary: #F3EFE6;
  --text-secondary: #B9B2A3;      /* ≥ 7:1 on surface */
  --text-inverse: #111110;
  --border: #2A2924;
  --border-strong: #3A3830;
  --accent: #D4AF37;              /* PLNTverse gold: primary actions, active nav */
  --accent-soft: #2A2414;
  --care-attention: #E0A15E;      /* worth a look (P1) */
  --care-attention-soft: #2B2015;
  --care-danger: #E8786A;         /* today first (P0) */
  --care-danger-soft: #2E1715;
  --care-positive: #74C792;       /* done / recovered */
  --care-positive-soft: #15291C;
  --care-neutral: #9A9384;        /* nothing to do */
  --archive-ink: #D9D2C3;         /* archive mark */
  --focus: #D4AF37;
  --overlay: rgba(0, 0, 0, .62);
  /* typography (body ≥ 16 px on phones) */
  --font: -apple-system, "Noto Sans TC", "PingFang TC", "Hiragino Sans", "Segoe UI", sans-serif;
  --font-numeric: "SF Mono", "Noto Sans TC", monospace;
  --type-display: 600 28px/1.2 var(--font);
  --type-title: 700 20px/1.25 var(--font);
  --type-heading: 700 15px/1.3 var(--font);
  --type-body: 400 16px/1.55 var(--font);
  --type-body-strong: 600 16px/1.5 var(--font);
  --type-caption: 400 13px/1.45 var(--font);
  --type-numeric: 600 20px/1 var(--font-numeric);
  /* spacing: 4 / 8 / 12 / 16 / 24 / 32 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-6: 24px; --s-8: 32px;
  /* shape */
  --radius-sm: 10px; --radius: 16px; --radius-lg: 20px; --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .35);
  --shadow-sheet: 0 -8px 30px rgba(0, 0, 0, .55);
  /* motion (subtle; respects prefers-reduced-motion) */
  --motion-fast: 160ms; --motion-base: 260ms; --motion-slow: 380ms; --ease: cubic-bezier(.2, .7, .2, 1);
  /* layout */
  --tap: 44px; --gutter: 16px; --page-max: 430px; --page-max-tablet: 640px; --page-max-desktop: 760px;
}
@media (prefers-reduced-motion: reduce) { :root { --motion-fast: 0ms; --motion-base: 0ms; --motion-slow: 0ms; } }

/* PHASE R1 §36: visible keyboard focus everywhere */
:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }