:root {
      --bg: #fafbfc;
      --surface: #ffffff;
      --surface-hover: #f8f9fa;
      --border: #e8ebed;
      --border-strong: #d4d8dd;
      --text-primary: #0d1117;
      --text-secondary: #59636e;
      --text-tertiary: #8b949e;
      
      --status-empty: #d1d5db;
      --status-planning: #fbbf24;
      --status-ready: #10b981;
      --status-done: #6366f1;
      
      --accent: #2563eb;
      --accent-hover: #1d4ed8;
      
      --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
      --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.06);
      --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.08);
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      background: var(--bg);
      color: var(--text-primary);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }