:root {
  /* Colors — warm earthy palette */
  --bg: #E8E3D9;
  --surface: #FAF8F5;
  --border: #CEC8B8;
  --border-light: #DDD8CC;
  --text: #2C2416;
  --text-secondary: #8B5C3A;
  --text-muted: #B5A878;

  /* Accent */
  --blue: #4A8ED9;
  --blue-light: #D8E2F0;
  --blue-dark: #3A7BC8;

  /* Priorities */
  --priority-high: #C4574F;
  --priority-medium: #D4B830;
  --priority-low: #B5A878;

  /* Feedback */
  --danger: #C4574F;
  --danger-light: #F5DDD8;
  --success: #2D6B1E;
  --success-light: #E4F0E0;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* Typography */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.875rem;
  --text-lg: 1rem;
  --text-xl: 1.25rem;

  /* Radius — square */
  --radius-sm: 2px;
  --radius: 2px;
  --radius-lg: 3px;
  --radius-full: 3px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);

  /* Transitions */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 200ms;

  /* Weekend bg */
  --weekend-bg: #DDD8CC;
}

body {
  font-family: var(--font);
  font-size: var(--text-base);
  color: var(--text);
  background: linear-gradient(150deg, #E8E3D9 0%, #DDE4EE 40%, #EDE0D0 70%, #E4E0D4 100%);
  background-attachment: fixed;
  min-height: 100vh;
}