/*
 * This is a manifest file that'll be compiled into application.css.
 */

:root {
  --canvas:        #f0f4ff;
  --surface:       #ffffff;
  --surface-alt:   #f8fafc;
  --border:        #e2e8f0;
  --border-soft:   #f1f5f9;

  --brand:         #6366f1;
  --brand-light:   #eef2ff;
  --brand-border:  #c7d2fe;

  --text-primary:   #0f172a;
  --text-secondary: #64748b;
  --text-muted:     #94a3b8;

  --pending-bg:     #fffbeb;
  --pending-border: #fde68a;
  --pending-icon:   #f59e0b;

  --today-bg:     #eef2ff;
  --today-border: #c7d2fe;
  --today-text:   #6366f1;

  --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-md: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 24px rgba(0,0,0,0.10);
}

body {
  background-color: var(--canvas);
  color: var(--text-primary);
}