/* Key tokens updated: --color-bg, --color-surface, --color-surface-muted, --color-border, --color-text, --color-text-muted, --color-primary, --shadow-card, --shadow-fab */
:root {
  --font-family-sans: "Inter", "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif;

  --color-bg: #f6f5f2;
  --color-surface: #ffffff;
  --color-surface-muted: #f0efec;
  --color-surface-translucent: rgba(255, 255, 255, 0.9);

  --color-primary: #2f6edc;
  --color-primary-hover: #295fbe;
  --color-primary-soft: #e7eefc;

  --color-text: #1b1b18;
  --color-text-muted: #5c5b55;
  --color-text-on-primary: #f8fafc;
  --color-secondary-text: rgba(27, 27, 24, 0.65);
  --color-secondary-text-strong: rgba(27, 27, 24, 0.82);

  --color-danger: #e5484d;
  --color-border: #d3d1cb;
  --color-neutral-weak: rgba(122, 120, 112, 0.2);
  --color-neutral-weak-strong: rgba(122, 120, 112, 0.5);
  --color-placeholder: rgba(120, 118, 110, 0.62);
  --color-placeholder-disabled: rgba(120, 118, 110, 0.42);
  --color-cover-placeholder: #e2e1dc;

  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;

  --shadow-subtle: 0 1px 2px rgba(17, 17, 14, 0.04);
  --shadow-card: 0 1px 3px rgba(17, 17, 14, 0.05);
  --shadow-press: 0 2px 6px rgba(17, 17, 14, 0.08);
  --shadow-strong: 0 10px 24px rgba(17, 17, 14, 0.1);
  --shadow-float: 0 -1px 6px rgba(17, 17, 14, 0.05);
  --shadow-fab: 0 6px 16px rgba(17, 17, 14, 0.1);
}