@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');

:root {
  --ay-bg: #f7f6f2;
  --ay-surface: #ffffff;
  --ay-surface-soft: #f3f5f1;
  --ay-sidebar: #fbfbf8;
  --ay-ink: #2f3530;
  --ay-ink-soft: #4a524c;
  --ay-muted: #8a918a;
  --ay-line: #e8ebe6;
  --ay-sage: #6b8e67;
  --ay-sage-hover: #5a7a56;
  --ay-sage-soft: #e8f0e6;
  --ay-sage-mist: #f0f5ee;
  --ay-peach: #eef4eb;
  --ay-peach-strong: #dde8d9;
  --ay-terracotta: #d0895c;
  --ay-terracotta-soft: #f8ebe2;
  --ay-amber: #c9a227;
  --ay-amber-soft: #f7efd6;
  --ay-blue: #6b8cae;
  --ay-blue-soft: #e8eef5;
  --ay-danger: #b42318;
  --ay-brown: #6b8e67;
  --ay-brown-hover: #5a7a56;
  --ay-radius: 16px;
  --ay-radius-sm: 12px;
  --ay-radius-pill: 999px;
  --ay-shadow: 0 2px 8px rgba(47, 53, 48, 0.03), 0 8px 24px rgba(47, 53, 48, 0.04);
  --ay-shadow-lg: 0 10px 30px rgba(47, 53, 48, 0.07);
  --ay-font: 'Inter', system-ui, sans-serif;
  --ay-display: 'Playfair Display', Georgia, serif;
  --ay-sidebar-w: 248px;
  --ay-right-w: 300px;

  --admin-bg: var(--ay-bg);
  --admin-surface: var(--ay-surface);
  --admin-surface-muted: var(--ay-surface-soft);
  --admin-sidebar: var(--ay-sidebar);
  --admin-sidebar-hover: var(--ay-sage-soft);
  --admin-text: var(--ay-ink);
  --admin-text-muted: var(--ay-muted);
  --admin-border: var(--ay-line);
  --admin-accent: var(--ay-sage);
  --admin-accent-hover: var(--ay-sage-hover);
  --admin-success: var(--ay-sage);
  --admin-warning: var(--ay-terracotta);
  --admin-danger: var(--ay-danger);
  --admin-info: var(--ay-blue);
  --admin-radius-sm: var(--ay-radius-sm);
  --admin-radius-md: var(--ay-radius);
  --admin-radius-lg: 22px;
  --admin-radius-pill: var(--ay-radius-pill);
  --admin-shadow-sm: var(--ay-shadow);
  --admin-shadow-md: var(--ay-shadow-lg);
  --admin-font-serif: var(--ay-display);
  --admin-font-sans: var(--ay-font);
  --admin-space-1: 4px;
  --admin-space-2: 8px;
  --admin-space-3: 12px;
  --admin-space-4: 16px;
  --admin-space-5: 24px;
  --admin-space-6: 32px;
  --admin-space-7: 48px;
}