Complete Color System

:root {
  /* Primary Colors */
  --color-primary-50: #f7fafc;
  --color-primary-100: #e9f2fb;
  --color-primary-200: #c6dffa;
  --color-primary-300: #92c5fc;
  --color-primary-400: #4da3ff;
  --color-primary-500: #007bff;
  --color-primary-600: #0056b3;
  --color-primary-700: #00458f;
  --color-primary-800: #003166;
  --color-primary-900: #001e3d;

  /* Neutral Colors */
  --color-neutral-50: #fafafa;
  --color-neutral-100: #f4f5f6;
  --color-neutral-200: #e8ebed;
  --color-neutral-300: #d7dbe0;
  --color-neutral-400: #b4bcc6;
  --color-neutral-500: #909ead;
  --color-neutral-600: #6e7f91;
  --color-neutral-700: #55606d;
  --color-neutral-800: #3b4249;
  --color-neutral-900: #202427;

  /* Semantic Colors */
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-error: #ef4444;
  --color-info: #3b82f6;
}

[data-theme="dark"] {
  /* Primary Colors */
  --color-primary-50: #05192e;
  --color-primary-100: #042549;
  --color-primary-200: #03366d;
  --color-primary-300: #004fa3;
  --color-primary-400: #006fe6;
  --color-primary-500: #2990ff;
  --color-primary-600: #5cabff;
  --color-primary-700: #92c5fc;
  --color-primary-800: #b8d8f9;
  --color-primary-900: #dceaf9;

  /* Neutral Colors */
  --color-neutral-50: #202427;
  --color-neutral-100: #2e3338;
  --color-neutral-200: #3f4750;
  --color-neutral-300: #54606e;
  --color-neutral-400: #6c7f93;
  --color-neutral-500: #919eab;
  --color-neutral-600: #b5bcc5;
  --color-neutral-700: #d2d6da;
  --color-neutral-800: #e9ebec;
  --color-neutral-900: #fafafa;

  /* Semantic Colors */
  --color-success: #34d399;
  --color-warning: #fbbf24;
  --color-error: #f87171;
  --color-info: #60a5fa;
}