/**
 * Kinfolk Editorial Design System Tokens — TownOS
 * Pure CSS Custom Properties — Zero Framework Overhead
 */
:root {
  /* Color Palette — Warm Editorial Kinfolk */
  --acento-color-canvas: #fcfbf9;
  --acento-color-surface: #ffffff;
  --acento-color-surface-subtle: #f6f4ee;
  --acento-color-ink: #1a1918;
  --acento-color-ink-muted: #6b665f;
  --acento-color-border: #e6e2d8;
  --acento-color-border-focus: #1a1918;

  /* Accent & Status */
  --acento-color-primary: #1a1918;
  --acento-color-primary-contrast: #ffffff;
  --acento-color-accent: #c45d3e; /* Warm Terracotta */
  --acento-color-success: #2d6a4f;
  --acento-color-warning: #d4a373;
  --acento-color-danger: #bc4749;

  /* Typography */
  --acento-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --acento-font-serif: "Newsreader", "Playfair Display", Georgia, serif;
  --acento-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Spacing */
  --acento-space-1: 4px;
  --acento-space-2: 8px;
  --acento-space-3: 12px;
  --acento-space-4: 16px;
  --acento-space-6: 24px;
  --acento-space-8: 32px;

  /* Radii */
  --acento-radius-sm: 4px;
  --acento-radius-md: 8px;
  --acento-radius-lg: 12px;
  --acento-radius-full: 9999px;

  /* Shadows */
  --acento-shadow-sm: 0 1px 2px rgba(26, 25, 24, 0.04);
  --acento-shadow-md: 0 4px 12px rgba(26, 25, 24, 0.08);
  --acento-shadow-lg: 0 12px 32px rgba(26, 25, 24, 0.12);
}