/* ============================================================
   THEME: DARK
   ============================================================ */

:root {
  color-scheme: dark;

  --_surface-page:            #0b0f19;
  --_surface-default:         #111827;
  --_surface-raised:          #1f2937;
  --_surface-overlay:         #1f2937;
  --_surface-inset:           #030712;
  --_surface-hover:           #1f2937;
  --_surface-active:          #374151;
  --_surface-selected:        #1e3a8a;

  --_text-primary:            #f9fafb;
  --_text-secondary:          #d1d5db;
  --_text-muted:              #9ca3af;
  --_text-inverted:           #111827;
  --_text-link:               #60a5fa;
  --_text-link-hover:         #93c5fd;
  --_text-danger:             #fca5a5;
  --_text-success:            #86efac;
  --_text-warning:            #fde047;

  --_border-default:          #5e6673;
  --_border-hover:            #616976;
  --_border-focus:            #6b7280;
  --_border-subtle:           #444d58;
  --_border-danger:           #7f1d1d;

  --_accent-primary:          #f9fafb;
  --_accent-primary-hover:    #e5e7eb;
  --_accent-primary-active:   #d1d5db;
  --_accent-primary-text:     #111827;

  --_accent-secondary:        #1f2937;
  --_accent-secondary-hover:  #374151;
  --_accent-secondary-text:   #f9fafb;

  --_accent-danger:           #dc2626;
  --_accent-danger-hover:     #b91c1c;
  --_accent-danger-text:      #ffffff;

  --_accent-success:          #4ade80;
  --_accent-success-bg:       #064e3b;
  --_accent-warning:          #eab308;
  --_accent-warning-bg:       #713f12;
  --_accent-info:             #7dd3fc;
  --_accent-info-bg:          #0c4a6e;

  --_focus-ring:              #60a5fa;
  --_focus-ring-offset:       2px;

  --_shadow-xs:               0 1px 2px 0 rgb(0 0 0 / 0.25);
  --_shadow-sm:               0 1px 3px 0 rgb(0 0 0 / 0.25), 0 1px 2px -1px rgb(0 0 0 / 0.25);
  --_shadow-md:               0 4px 6px -1px rgb(0 0 0 / 0.25), 0 2px 4px -2px rgb(0 0 0 / 0.25);
  --_shadow-lg:               0 10px 15px -3px rgb(0 0 0 / 0.25), 0 4px 6px -4px rgb(0 0 0 / 0.25);
  --_shadow-xl:               0 20px 25px -5px rgb(0 0 0 / 0.25), 0 8px 10px -6px rgb(0 0 0 / 0.25);
  --_shadow-inset:            inset 0 2px 4px 0 rgb(0 0 0 / 0.25);

  --_font-sans:               ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --_font-serif:              ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
  --_font-mono:               ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}