/* Tennio Default Theme - Bold & Distinctive */

:root {
  /* Navy Blue - Primary Dark */
  --navy-950: #0a0f1a;
  --navy-900: #0f172a;
  --navy-800: #1a2744;
  --navy-700: #26395e;
  --navy-600: #354b78;
  --navy-500: #4a6491;
  --navy-400: #6b86ab;
  --navy-300: #94a8c5;
  --navy-200: #bcc8db;
  --navy-100: #e1e7f0;
  --navy-50: #f4f6f9;

  /* Orange - Accent */
  --orange-50: #fff7ed;
  --orange-100: #ffedd5;
  --orange-200: #fed7aa;
  --orange-300: #fdba74;
  --orange-400: #fb923c;
  --orange-500: #f97316;
  --orange-600: #ea580c;
  --orange-700: #c2410c;
  --orange-800: #9a3412;
  --orange-900: #7c2d12;

  /* Charcoal Gray */
  --charcoal-950: #0c0c0e;
  --charcoal-900: #18181b;
  --charcoal-800: #27272a;
  --charcoal-700: #3f3f46;
  --charcoal-600: #52525b;
  --charcoal-500: #71717a;
  --charcoal-400: #a1a1aa;
  --charcoal-300: #d4d4d8;
  --charcoal-200: #e4e4e7;
  --charcoal-100: #f4f4f5;
  --charcoal-50: #fafafa;

  /* Semantic */
  --success: #22c55e;
  --error: #ef4444;
  --warning: #f59e0b;
  --info: #3b82f6;

  --background: #0f172a;
  --foreground: #f4f6f9;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-clash), system-ui, sans-serif;
  --font-display: var(--font-cabinet), system-ui, sans-serif;

  /* Navy colors */
  --color-navy-50: var(--navy-50);
  --color-navy-100: var(--navy-100);
  --color-navy-200: var(--navy-200);
  --color-navy-300: var(--navy-300);
  --color-navy-400: var(--navy-400);
  --color-navy-500: var(--navy-500);
  --color-navy-600: var(--navy-600);
  --color-navy-700: var(--navy-700);
  --color-navy-800: var(--navy-800);
  --color-navy-900: var(--navy-900);
  --color-navy-950: var(--navy-950);

  /* Orange colors (accent) */
  --color-orange-50: var(--orange-50);
  --color-orange-100: var(--orange-100);
  --color-orange-200: var(--orange-200);
  --color-orange-300: var(--orange-300);
  --color-orange-400: var(--orange-400);
  --color-orange-500: var(--orange-500);
  --color-orange-600: var(--orange-600);
  --color-orange-700: var(--orange-700);
  --color-orange-800: var(--orange-800);
  --color-orange-900: var(--orange-900);

  /* Charcoal colors */
  --color-charcoal-50: var(--charcoal-50);
  --color-charcoal-100: var(--charcoal-100);
  --color-charcoal-200: var(--charcoal-200);
  --color-charcoal-300: var(--charcoal-300);
  --color-charcoal-400: var(--charcoal-400);
  --color-charcoal-500: var(--charcoal-500);
  --color-charcoal-600: var(--charcoal-600);
  --color-charcoal-700: var(--charcoal-700);
  --color-charcoal-800: var(--charcoal-800);
  --color-charcoal-900: var(--charcoal-900);
  --color-charcoal-950: var(--charcoal-950);
}