/* Color Variables - CSS Custom Properties */

:root {
  /* Primary Colors */
  --color-primary-100: #eff8fa;
  --color-primary-200: #cee6e7;
  --color-primary-300: #9ecdcf;
  --color-primary-400: #64c8c8;
  --color-primary-500: #0c8188;
  --color-primary-600: #0a676d;
  --color-primary-700: #085054;
  --color-primary-800: #053436;

  /* Accent Colors */
  --color-accent-500: #c3141e;
  --color-accent-600: #a00a19;
  --color-accent-700: #780000;

  /* Success Colors */
  --color-success-100: #d7eee6;
  --color-success-500: #198754;
  --color-success-600: #08875d;
  --color-success-700: #00563a;
  --color-success-800: #00281b;

  /* Warning Colors */
  --color-warning-100: #ffedd4;
  --color-warning-500: #ffc107;
  --color-warning-600: #cb790c;
  --color-warning-700: #814a00;
  --color-warning-800: #3d2300;

  /* Danger Colors */
  --color-danger-100: #ffeae7;
  --color-danger-500: #dc3545;
  --color-danger-600: #cb2a0c;
  --color-danger-700: #811400;
  --color-danger-800: #3d0900;

  /* Neutral Colors */
  --color-neutral-0: #fff;
  --color-neutral-100: #f8f9fa;
  --color-neutral-200: #dee2e6;
  --color-neutral-300: #ced4da;
  --color-neutral-400: #adb5bd;
  --color-neutral-500: #6c757d;
  --color-neutral-600: #495057;
  --color-neutral-700: #343a40;
  --color-neutral-800: #212529;
  --color-neutral-900: #000000;
}