/* Design System - tích. Minimalist Aesthetic Theme */
:root {
  /* Brand Accents */
  --primary: #7c3aed;
  --primary-hover: #6d28d9;
  --primary-light: #ede9fe;
  --primary-subtle: #f5f3ff;
  --primary-border: #ddd6fe;
  --primary-glow: rgba(124, 58, 237, 0.25);

  /* Backgrounds */
  --bg-page: #f2eefa;
  --bg-gradient: radial-gradient(circle at 10% 20%, rgba(243, 232, 255, 0.9) 0%, transparent 40%),
                 radial-gradient(circle at 90% 80%, rgba(250, 232, 255, 0.8) 0%, transparent 45%),
                 linear-gradient(135deg, #ede9fe 0%, #f5f3ff 50%, #fae8ff 100%);
  --bg-card: #ffffff;
  --bg-input: #f8fafc;
  --bg-row-hover: #fafafa;
  --bg-row-active: #f5f3ff;

  /* Typography Colors */
  --text-title: #0f172a;
  --text-main: #1e293b;
  --text-muted: #64748b;
  --text-faint: #94a3b8;
  --text-light: #cbd5e1;

  /* Checkbox & Status */
  --checkbox-border: #cbd5e1;
  --checkbox-bg-checked: #8b5cf6;
  --completed-text: #94a3b8;

  /* Borders & Shadows */
  --border-light: #f1f5f9;
  --border-card: rgba(255, 255, 255, 0.8);
  --border-input: #e2e8f0;
  --shadow-card: 0 25px 70px -15px rgba(120, 119, 198, 0.18), 0 10px 30px -10px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);

  /* Typography */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Radii */
  --radius-card: 28px;
  --radius-pill: 9999px;
  --radius-item: 16px;
  --radius-icon: 12px;
  --radius-check: 7px;
}