/* INDEX: semantic design tokens. Theme palette is managed with theme.json. */
:root {
  color-scheme: light; /* Default OFF, regardless of OS preference. */
  --index-color-primary: var(--wp--preset--color--primary, #285781);
  --index-color-text: #24272d;
  --index-color-muted: #58606a;
  --index-color-background: #ffffff;
  --index-color-surface: #f6f7f9;
  --index-color-border: #dce1e5;

  --index-font-body: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --index-font-size-body: 1rem;
  --index-line-height-body: 1.85;

  --index-space-1: 0.25rem;
  --index-space-2: 0.5rem;
  --index-space-3: 0.75rem;
  --index-space-4: 1rem;
  --index-space-6: 1.5rem;
  --index-space-8: 2rem;
  --index-space-12: 3rem;

  --index-radius-sm: 0.375rem;
  --index-radius-md: 0.75rem;
  --index-container-max: 75rem;
  --index-content-max: 47.5rem;
  --index-sidebar-width: 18rem;
}