/* ========== DESIGN TOKENS (Alt2) ========== */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
  /* Colors */
  --color-bg: #f5f4f1;
  --color-card: #ffffff;
  --color-primary: #3D8A5A;
  --color-primary-light: #4a9e6a;
  --color-danger: #FF3B30;
  --color-blue: #007AFF;

  /* Text */
  --text-primary: #1A1A1A;
  --text-secondary: #8e8e93;
  --text-muted: rgba(60, 60, 67, 0.3);
  --text-completed: #a0a0a0;

  /* Borders & Separators */
  --border-color: #e6e6e6;
  --separator-color: #e6e6e6;

  /* Radii */
  --radius-card: 12px;
  --radius-container: 16px;
  --radius-input: 10px;
  --radius-icon: 8px;

  /* Typography */
  --font-family: 'Outfit', -apple-system, 'SF Pro', 'Helvetica Neue', sans-serif;

  /* Shadows */
  --shadow-menu: 0 4px 24px rgba(0,0,0,0.12), 0 0 0 0.5px rgba(0,0,0,0.06);
  --shadow-drag: 0 4px 12px rgba(0,0,0,0.15);

  /* Sizes */
  --phone-width: 402px;
}