/* ============================================ */
/* Tailswatch: Azure Theme */
/* Inspired by Microsoft Azure brand colors */
/* ============================================ */

:root {
/* Primary - Azure Blue (#0078D4) */
  --color-primary-50: #e6f2fc;
  --color-primary-100: #cce5f9;
  --color-primary-200: #99cbf3;
  --color-primary-300: #66b1ed;
  --color-primary-400: #3397e7;
  --color-primary-500: #0078d4;
  --color-primary-600: #0062ab;
  --color-primary-700: #004c82;
  --color-primary-800: #003659;
  --color-primary-900: #002030;
  --color-primary-950: #00101a;
/* Secondary - Azure Dark (#002050) */
  --color-secondary-50: #e6eaf2;
  --color-secondary-100: #ccd5e5;
  --color-secondary-200: #99abcb;
  --color-secondary-300: #6680b1;
  --color-secondary-400: #335697;
  --color-secondary-500: #002b7d;
  --color-secondary-600: #002364;
  --color-secondary-700: #001a4b;
  --color-secondary-800: #001232;
  --color-secondary-900: #000919;
  --color-secondary-950: #00050d;
/* Accent - Azure Teal (#008575) */
  --color-accent-50: #e6f7f5;
  --color-accent-100: #ccefeb;
  --color-accent-200: #99dfd7;
  --color-accent-300: #66cfc3;
  --color-accent-400: #33bfaf;
  --color-accent-500: #008575;
  --color-accent-600: #006b5e;
  --color-accent-700: #005047;
  --color-accent-800: #003630;
  --color-accent-900: #001b18;
  --color-accent-950: #000e0c;
/* Semantic Colors */
  --color-success-50: #e6f9f0;
  --color-success-100: #ccf3e1;
  --color-success-200: #99e7c3;
  --color-success-300: #66dba5;
  --color-success-400: #33cf87;
  --color-success-500: #107c10;
  --color-success-600: #0d630d;
  --color-success-700: #0a4a0a;
  --color-success-800: #063206;
  --color-success-900: #031903;
  --color-success-950: #020d02;

  --color-warning-50: #fff8e6;
  --color-warning-100: #fff1cc;
  --color-warning-200: #ffe399;
  --color-warning-300: #ffd566;
  --color-warning-400: #ffc733;
  --color-warning-500: #ffb900;
  --color-warning-600: #cc9400;
  --color-warning-700: #996f00;
  --color-warning-800: #664a00;
  --color-warning-900: #332500;
  --color-warning-950: #1a1300;

  --color-error-50: #fce6e9;
  --color-error-100: #f9ccd3;
  --color-error-200: #f399a7;
  --color-error-300: #ed667b;
  --color-error-400: #e7334f;
  --color-error-500: #d13438;
  --color-error-600: #a72a2d;
  --color-error-700: #7d1f22;
  --color-error-800: #541517;
  --color-error-900: #2a0a0b;
  --color-error-950: #150506;

  --color-info-50: #e6f2fc;
  --color-info-100: #cce5f9;
  --color-info-200: #99cbf3;
  --color-info-300: #66b1ed;
  --color-info-400: #3397e7;
  --color-info-500: #0078d4;
  --color-info-600: #0062ab;
  --color-info-700: #004c82;
  --color-info-800: #003659;
  --color-info-900: #002030;
  --color-info-950: #00101a;
/* Surface Colors - Clean Microsoft style */
  --color-background: #e6f2fc;
  --color-surface: #faf9f8;
  --color-surface-muted: #f3f2f1;
  --color-border: #e1dfdd;
/* Text Colors */
  --color-text: #201f1e;
  --color-text-muted: #605e5c;
  --color-text-inverted: #ffffff;
}

@theme {
  --color-primary-50: var(--color-primary-50);
  --color-primary-100: var(--color-primary-100);
  --color-primary-200: var(--color-primary-200);
  --color-primary-300: var(--color-primary-300);
  --color-primary-400: var(--color-primary-400);
  --color-primary-500: var(--color-primary-500);
  --color-primary-600: var(--color-primary-600);
  --color-primary-700: var(--color-primary-700);
  --color-primary-800: var(--color-primary-800);
  --color-primary-900: var(--color-primary-900);
  --color-primary-950: var(--color-primary-950);

  --color-secondary-50: var(--color-secondary-50);
  --color-secondary-100: var(--color-secondary-100);
  --color-secondary-200: var(--color-secondary-200);
  --color-secondary-300: var(--color-secondary-300);
  --color-secondary-400: var(--color-secondary-400);
  --color-secondary-500: var(--color-secondary-500);
  --color-secondary-600: var(--color-secondary-600);
  --color-secondary-700: var(--color-secondary-700);
  --color-secondary-800: var(--color-secondary-800);
  --color-secondary-900: var(--color-secondary-900);
  --color-secondary-950: var(--color-secondary-950);

  --color-accent-50: var(--color-accent-50);
  --color-accent-100: var(--color-accent-100);
  --color-accent-200: var(--color-accent-200);
  --color-accent-300: var(--color-accent-300);
  --color-accent-400: var(--color-accent-400);
  --color-accent-500: var(--color-accent-500);
  --color-accent-600: var(--color-accent-600);
  --color-accent-700: var(--color-accent-700);
  --color-accent-800: var(--color-accent-800);
  --color-accent-900: var(--color-accent-900);
  --color-accent-950: var(--color-accent-950);

  --color-success-50: var(--color-success-50);
  --color-success-100: var(--color-success-100);
  --color-success-200: var(--color-success-200);
  --color-success-300: var(--color-success-300);
  --color-success-400: var(--color-success-400);
  --color-success-500: var(--color-success-500);
  --color-success-600: var(--color-success-600);
  --color-success-700: var(--color-success-700);
  --color-success-800: var(--color-success-800);
  --color-success-900: var(--color-success-900);
  --color-success-950: var(--color-success-950);

  --color-warning-50: var(--color-warning-50);
  --color-warning-100: var(--color-warning-100);
  --color-warning-200: var(--color-warning-200);
  --color-warning-300: var(--color-warning-300);
  --color-warning-400: var(--color-warning-400);
  --color-warning-500: var(--color-warning-500);
  --color-warning-600: var(--color-warning-600);
  --color-warning-700: var(--color-warning-700);
  --color-warning-800: var(--color-warning-800);
  --color-warning-900: var(--color-warning-900);
  --color-warning-950: var(--color-warning-950);

  --color-error-50: var(--color-error-50);
  --color-error-100: var(--color-error-100);
  --color-error-200: var(--color-error-200);
  --color-error-300: var(--color-error-300);
  --color-error-400: var(--color-error-400);
  --color-error-500: var(--color-error-500);
  --color-error-600: var(--color-error-600);
  --color-error-700: var(--color-error-700);
  --color-error-800: var(--color-error-800);
  --color-error-900: var(--color-error-900);
  --color-error-950: var(--color-error-950);

  --color-info-50: var(--color-info-50);
  --color-info-100: var(--color-info-100);
  --color-info-200: var(--color-info-200);
  --color-info-300: var(--color-info-300);
  --color-info-400: var(--color-info-400);
  --color-info-500: var(--color-info-500);
  --color-info-600: var(--color-info-600);
  --color-info-700: var(--color-info-700);
  --color-info-800: var(--color-info-800);
  --color-info-900: var(--color-info-900);
  --color-info-950: var(--color-info-950);

  --color-background: var(--color-background);
  --color-surface: var(--color-surface);
  --color-surface-muted: var(--color-surface-muted);
  --color-border: var(--color-border);

  --color-text: var(--color-text);
  --color-text-muted: var(--color-text-muted);
  --color-text-inverted: var(--color-text-inverted);
}