/* Minuciosa Theme - Warm Beige/Cream */
:root {
  /* Primary Brand Colors */
  --theme-primary: #2C2C2C;
  --theme-primary-hover: #1a1a1a;
  --theme-primary-light: #444444;
  --theme-primary-dark: #000000;
  
  /* Secondary Colors */
  --theme-secondary: #6b7280;
  --theme-secondary-light: #9ca3af;
  --theme-secondary-dark: #4b5563;
  
  /* Neutral Colors */
  --theme-white: #ffffff;
  --theme-gray-50: #FAF9F7;
  --theme-gray-100: #F7F5F3;
  --theme-gray-200: #F5F0E8;
  --theme-gray-300: #E8DCC6;
  --theme-gray-400: #D4C5A9;
  --theme-gray-500: #777777;
  --theme-gray-600: #666666;
  --theme-gray-700: #4a5568;
  --theme-gray-800: #333333;
  --theme-gray-900: #2C2C2C;
  

  /* Neutral chrome ramp — the colour session (2026-08-04), PD-20's deferred sweep.
     Bootstrap's own grey scale, because that is what the sheets already contained: 35
     accidental greys across 45 files snapped onto these thirteen steps. See the block in
     variables.css for why this lives per theme rather than once. The four light themes
     share these values and they are the literals that rendered before the sweep. */
  --neutral-0: #ffffff;
  --neutral-25: #fafafa;
  --neutral-50: #f8f9fa;
  --neutral-100: #f1f3f5;
  --neutral-200: #e9ecef;
  --neutral-300: #dee2e6;
  --neutral-400: #ced4da;
  --neutral-500: #adb5bd;
  --neutral-600: #6c757d;
  --neutral-700: #495057;
  --neutral-800: #343a40;
  --neutral-900: #212529;
  --neutral-1000: #000000;

  /* Three rungs the shadow/overlay ladder was missing, found by the same sweep.
     --theme-shadow-subtle exists because snapping the 0.01-0.03 literals up to
     --theme-shadow-light (0.05) darkened the whole sidebar on every screen — a
     2.5x overlay change bought for nothing but a tidier ladder. */
  --theme-shadow-subtle: rgba(0, 0, 0, 0.02);
  --theme-shadow-heavy: rgba(0, 0, 0, 0.45);
  --theme-overlay-heavy: rgba(0, 0, 0, 0.6);

  /* RGB triplet of --theme-primary, for rgba() tints. materials-buildup.css
     consumed an undefined --primary-color-rgb, so it rendered the 0,123,255
     fallback — a Bootstrap blue — on all five themes (X-42). */
  --theme-primary-rgb: 44, 44, 44;

  --theme-overlay-dense: rgba(0, 0, 0, 0.8);

  /* Status Colors */
  --theme-success: #10b981;
  --theme-warning: #f59e0b;
  --theme-error: #ef4444;
  --theme-info: #3b82f6;
  --theme-success-hover: #059669;
  --theme-warning-hover: #d97706;
  --theme-error-hover: #dc2626;
  --theme-info-hover: #2563eb;

  /* Solid-button fills — X-25 / PD-26 (colour session, 2026-08-04).
     White text on the raw --theme-* status colours failed WCAG AA on every theme
     (warning 2.15:1, success 2.54:1, info 3.68:1, danger 3.76:1). These are the same
     hues one Tailwind step deeper, measured with white text: 5.48 / 5.02 / 5.17 / 4.83.
     Only --btn-*-bg reads them; badges, alerts and urgency bars stay on --theme-*. */
  --theme-success-strong: #047857;
  --theme-success-strong-hover: #065f46;
  --theme-warning-strong: #b45309;
  --theme-warning-strong-hover: #92400e;
  --theme-error-strong: #dc2626;
  --theme-error-strong-hover: #b91c1c;
  --theme-info-strong: #2563eb;
  --theme-info-strong-hover: #1d4ed8;
  
  /* Header Colors */
  --theme-header-bg: #F7F5F3;
  --theme-header-text: #2C2C2C;
  --theme-header-border: #E8DCC6;
  
  /* Menu Colors */
  --theme-menu-bg: #E8DCC6;
  --theme-menu-text: #2C2C2C;
  
  /* Transparency Values */
  --theme-overlay: rgba(0, 0, 0, 0.5);
  --theme-shadow-light: rgba(0, 0, 0, 0.05);
  --theme-shadow-medium: rgba(0, 0, 0, 0.1);
  --theme-shadow-dark: rgba(0, 0, 0, 0.15);
  --theme-shadow-modal: rgba(0, 0, 0, 0.25);
  
  /* Semi-transparent whites for overlays */
  --theme-white-10: rgba(255, 255, 255, 0.1);
  --theme-white-20: rgba(255, 255, 255, 0.2);
  --theme-white-30: rgba(255, 255, 255, 0.3);
  --theme-white-50: rgba(255, 255, 255, 0.5);
}