/* Sentri-Inspired design system — design tokens (front-matter → CSS variables).
   数值严格照搬 DESIGN.md，不改动。 */
:root {
  /* ===== Colors ===== */
  --primary: #150f23;
  --ink-deep: #1f1633;
  --on-primary: #ffffff;
  --accent-lime: #c2ef4e;
  --accent-pink: #fa7faa;
  --accent-violet: #6a5fc1;
  --accent-violet-deep: #422082;
  --accent-violet-mid: #79628c;
  --surface-canvas-dark: #1f1633;
  --surface-canvas-light: #ffffff;
  --surface-night: #150f23;
  --surface-press-light: #f0f0f0;
  --surface-press-stronger: #efefef;
  --hairline-violet: #362d59;
  --hairline-cool: #cfcfdb;
  --hairline-cloud: #e5e7eb;
  --ink: #1f1633;
  --ink-press: #1a1a1a;
  /* 文档正文把这两个标注为半透明白，front-matter 给了 hex；按正文语义用 rgba */
  --on-dark-muted: rgba(255, 255, 255, 0.72);
  --on-dark-faint: rgba(255, 255, 255, 0.18);
  --text-primary: var(--on-primary);
  --text-secondary: var(--on-dark-muted);
  --text-tertiary: var(--accent-violet-mid);
  --ring-focus: rgba(59, 130, 246, 0.5);

  /* ===== Rounded ===== */
  --rounded-xs: 4px;
  --rounded-sm: 6px;
  --rounded-md: 8px;
  --rounded-lg: 10px;
  --rounded-xl: 12px;
  --rounded-xxl: 18px;
  --rounded-full: 9999px;

  /* ===== Spacing (base 8px) ===== */
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-section: 96px;

  /* ===== Type families ===== */
  --font-display: "Space Grotesk", "Sentri Display", Rubik, system-ui, sans-serif;
  --font-ui: Rubik, -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-code: Monaco, Menlo, "Ubuntu Mono", monospace;

  /* ===== Elevation ===== */
  --elev-1: rgba(0, 0, 0, 0.08) 0 2px 8px 0;
  --elev-2: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.1) 0 4px 6px -4px;
  --elev-3: rgb(21, 15, 35) 0 0 8px 6px;
  --elev-4: rgba(0, 0, 0, 0.18) 0 0.5rem 1.5rem;

  /* ===== Container ===== */
  --container-max: 1152px;
}