/* Butter Agent — Maison Weightless tokens (mirrors shared.jsx BA constants) */
:root {
  --font: "Manrope", system-ui, -apple-system, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --surface: #F9F9F9;
  --surface-bright: #FAF9F7;
  --surface-page: #ECEAE3;
  --surface-lowest: #FFFFFF;
  --surface-low: #F3F3F4;
  --surface-container: #EEEEEE;
  --surface-container-high: #E9E8E6;

  --primary: #685E31;
  --on-primary: #FFFFFF;
  --primary-container: #FFD874;
  --on-primary-container: #211B00;
  /* Brighter butter brand accent (matches app _accentContainer #FFD874) */
  --butter: #FFD874;
  --butter-deep: #F2B12B;
  --butter-soft: #FFEAA6;
  --cream: #FBF6EA;
  --cream-deep: #F6EDD6;
  --secondary: #605F54;
  --secondary-container: #E3E0D2;
  --on-secondary-container: #2D2D2D;

  --on-surface: #1C1B1F;
  --on-surface-variant: #4A473B;
  --on-surface-muted: #75715E;

  --outline: #CCC6B7;
  --outline-variant: #E5E1D4;

  --status-ongoing: #FFD874;
  --status-upcoming: #E3E0D2;
  --status-planning: #F2F1EC;
  --status-completed: #EDEDED;

  --shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05), 0 1px 8px 4px rgba(0,0,0,0.03);
  --shadow-md: 0 6px 18px rgba(0,0,0,0.06), 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lift: 0 20px 40px rgba(34,27,0,0.06);

  --r-card: 24px;
  --r-pill: 999px;
  --r-md: 16px;
  --r-sm: 10px;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font);
  background: var(--surface-page);
  color: var(--on-surface);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-feature-settings: "ss01", "cv11";
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
::selection { background: var(--primary-container); color: var(--on-primary-container); }