/* Centralized Color Palette for BetterNamer Blazor
   Defines all colors as CSS custom properties in :root for reuse across all stylesheets.
   
   Naming: Descriptive with incrementing numbers for shades within families.
   - neutral-50 (lightest text whites/grays) to neutral-950 (darkest backgrounds)
   - blue-400 to blue-700 (primary/info blues, lighter to darker)
   - success-500 (green)
   - warning-400 (yellow)
   - error-400 (orange)
   - fatal-500 (red)
   - Additional semantic: white, black
   
   Extracted from revilogger.css and other fallbacks.
*/

:root {
  /* Neutrals: 50 lightest (text/titles) → 950 darkest (backgrounds/hovers) */
  --neutral-50: #f8fafc;    /* Text titles */
  --neutral-100: #e6edf3;   /* Primary text */
  --neutral-200: #e8e8e8;   /* Selected muted text */
  --neutral-300: #cbd5e1;   /* Secondary/small text */
  --neutral-350: #e6f0ff;   /* Highlight muted text */
  --neutral-400: #94a3b8;   /* Muted text, placeholders */
  --neutral-600: #334155;   /* Primary borders */
  --neutral-650: #2a2f3a;   /* Secondary borders */
  --neutral-700: #1f2937;   /* Secondary hovers/bgs */
  --neutral-750: #273244;   /* Placeholder gradients */
  --neutral-800: #0f172a;   /* Input/menu backgrounds */
  --neutral-850: #0f1522;   /* Sidebar backgrounds */
  --neutral-900: #090a0f;   /* Main page backgrounds */
  --bg: #090a0f;            /* Eta background color */
  --neutral-925: #111827;   /* Card/log row backgrounds */
  --neutral-950: #131b2a;   /* Card hover backgrounds */
  --neutral-highlight-dark: #0f2a5a; /* Dark mode highlight bg */
  
  /* Blues: accent/primary/info (400 light → 700 dark) */
  --blue-400: #60a5fa;  /* Loading dots */
  --blue-500: #3b82f6;  /* Info glyphs */
  --blue-600: #0d6efd;  /* Primary active */
  --blue-700: #2a63d6;  /* Highlight borders */
  
  /* Status colors */
  --success-500: #22c55e;   /* Debug/success green */
  --warning-400: #facc15;   /* Warning yellow */
  --error-400: #f97316;     /* Error orange */
  --fatal-500: #ef4444;     /* Fatal/critical red */
  
  /* App primary (MudBlazor fallback) */
  --primary-500: #594ae2;
  
  /* Eta surface layers */
  --surface:        #10131e;
  --surface-2:      #161b2a;
  --surface-3:      #1c2234;
  --surface-light:  #1a2035;
  --strip:          #0c0e16;  /* Dialog header/footer bands (the "dark bookends") */
  --well:           #0d1019;  /* Recessed content trays (matches the search-view canvas) */

  /* Eta accent (brand red) */
  --accent:         #D63030;
  --accent-hover:   #be2525;
  --accent-soft:    #ff8d8c;  /* Readable accent for text/icons on dark tinted chips */
  --accent-dim:     rgba(214, 48, 48, 0.1);
  --accent-border:  rgba(214, 48, 48, 0.3);
  --accent-glow:    rgba(214, 48, 48, 0.15);

  /* Eta text */
  --text-muted:     #7a85a8;
  --text-faint:     #363e58;

  /* Eta borders */
  --border:         rgba(255, 255, 255, 0.06);
  --border-strong:  rgba(255, 255, 255, 0.1);

  /* Basics */
  --white: #ffffff;
  --black: #000000;
  
  /* Shadows (optional, for rgba) */
  --shadow-alpha-35: rgba(0, 0, 0, 0.35);
}