@charset "UTF-8";




 


:root {
  

  --bg:                #b9b8b4;    
  --paper:             #dfddd8;    
  --paper-line:        #c7c6c0;    
  --paper-border:      #9d9c96;    
  --sidebar-bg:        #cac9c4;    

  

  --text:              #1a1a1a;    
  --text-muted:        #404040;    
  --text-faint:        #5c5c5c;    
  

  --script-ink:        color-mix(in srgb, var(--text) 70%, #6d4221);

  

  --comment-ink:       #35662d;    

  

  --accent:            #2c7340;   

  --accent-hover:      #36884d;
  --accent-text:       #1c5a2e;   

  --accent-soft:       #285636;   

  --gold-title:        #a08038;    
  --editor-title:      var(--text); 


   
  --btn-bg:            #d5d4ce;
  --btn-text:          var(--text);  

  --btn-border:        #9d9c96;    
  --btn-border-hover:  #71706a;    
  --btn-hover:         #e9e8e2;    

  

  --input-bg:          #f5f4ee;

   
  --confirm:           #2a8030;    
  --cancel:            #b03030;    
  --sel-border:        #2c7340;    
  --thumb-border:      #909090;    

  

  --ok-bg:             #2a8030;    
  --ok-bg-hover:       #3a9040;
  --ok-border:         #1f6020;
  --ok-border-hover:   #2a7028;
  --ok-text:           #ffffff;

  --warn-bg:           #c89028;    
  --warn-bg-hover:     #d8a038;
  --warn-border:       #a07020;
  --warn-border-hover: #b88028;
  --warn-text:         #1a1a1a;
  

  --status-caution-text: #5a3f00;

  

  --ok-fg:               #3a7a3a;
  --warn-fg:             #a07020;
  --danger-fg:           #b03030;

  --danger-bg:         #b03030;    
  --danger-bg-hover:   #c04040;
  --danger-border:     #882020;
  --danger-border-hover:#a03030;
  --danger-text:       #ffffff;

  --info-bg:           #2868a8;   

  --info-bg-hover:     #3878b8;
  --info-border:       #1c5088;
  --info-border-hover: #2860a0;
  --info-text:         #ffffff;

  

  --panel-translucent:     rgba(223, 221, 216, 0.92);
  --panel-border:          #8b8a84;   

  --panel-item-bg:         #d7d6d0;
  --panel-item-bg-hover:   #e5e4de;
  --panel-item-selected:   #c8dcc5;    
  --panel-item-border:     #b3b2ac;
  --sprite-owner-header-bg: color-mix(in srgb, var(--text) 10%, var(--paper));
  --sprite-section-header-bg: color-mix(in srgb, var(--text) 5%, var(--paper));
  --media-badge-bg:        rgba(0, 0, 0, 0.62);  
  --media-badge-text:      #ffffff;

  

  --active-bg:         #2f8a48;
  --active-border:     #236437;    
  --active-fg:         #ffffff;

  

  --page-hue-1:        #a8281f;    
  --page-hue-2:        #8f4d0c;    
  --page-hue-3:        #8a5a05;    
  --page-hue-4:        #1d6a32;    
  --page-hue-5:        #0d6062;    
  --page-hue-6:        #1f51a2;    
  --page-hue-7:        #433297;    
  --page-hue-8:        #7e1f79;    
  --page-spine-1:      #d2362f;    
  --page-spine-2:      #df7a16;    
  --page-spine-3:      #e3a200;    
  --page-spine-4:      #2a9d46;    
  --page-spine-5:      #109a9c;    
  --page-spine-6:      #2f7fd6;    
  --page-spine-7:      #6a55e0;    
  --page-spine-8:      #c23bb6;    

  

  --graph-bg:          #c0c0c0;
  --graph-grid:        rgba(120,120,120,0.28);
  --node-bg:           #ffffff;
  --node-border:       #555555;   

  --node-entry:        #2a8030;    
  --node-ghost:        #999999;
  --node-selected:     #2c7340;    
  --edge-color:        #555555;
  --edge-choice:       #c89028;    
  --edge-condition:    #4080c0;    

   
  --toast-bg:          #2a2a2a;    
  --toast-text:        #f0f0f0;

  

  --spiral:            #909090;    
  --tab-color:         #2c7340;   


  

  --radius-chrome:     2px;
  --radius-float:      4px;
  --seam:              var(--paper-line);
  --elevation-float:   0 4px 14px rgba(0, 0, 0, 0.28);
  

  --z-modal:           14000;
  --scrollbar-thumb:       #a5a49e;
  --scrollbar-thumb-hover: var(--text-muted);
}


 
body[data-theme="film"] {
   
  --bg:                #0c0b11;
  --paper:             #18161f;
  --paper-line:        #22202d;
  --paper-border:      #3e3450;
  --sidebar-bg:        #18161f;

   
  --text:              #d4c8b0;
  --text-muted:        #b09878;
  --text-faint:        #8a7a5a;
  --script-ink:        var(--text);   
  

  --comment-ink:       #7fb26a;

   
  --accent:            #c87828;
  --accent-hover:      #e09038;
  --accent-text:       var(--accent);  
  --accent-soft:       #a89060;
  --gold-title:        #d4b870;
  --editor-title:      #d4b870;    

   
  --btn-bg:            #24222e;
  --btn-text:          var(--text);  

  --btn-border:        #6a5020;
  --btn-border-hover:  #8a7038;    
  --btn-hover:         #302e3a;

  

  --input-bg:          #24222e;

   
  --confirm:           #287040;
  --cancel:            #883030;
  --sel-border:        #c85020;
  --thumb-border:      #6a5020;

   
  --ok-bg:             #2a5a3a;    
  --ok-bg-hover:       #3a7a4a;
  --ok-border:         #4a8a5a;
  --ok-border-hover:   #6aaa7a;
  --ok-text:           #d8f0e0;

  --warn-bg:           #6a5a2a;    
  --warn-bg-hover:     #8a7a3a;
  --warn-border:       #aa8a4a;
  --warn-border-hover: #cca85a;
  --warn-text:         #f0e0b0;
  

  --status-caution-text: #d8a652;
  --ok-fg:             #7dd87d;    
  --warn-fg:           #d8a652;    
  --danger-fg:         #e08080;    

  --danger-bg:         #6a2a2a;    
  --danger-bg-hover:   #8a3a3a;
  --danger-border:     #8a4a4a;
  --danger-border-hover:#aa6a6a;
  --danger-text:       #f0d0d0;

  --info-bg:           #2a3550;    
  --info-bg-hover:     #3a4a6a;
  --info-border:       #4a5a80;
  --info-border-hover: #6a7aa0;
  --info-text:         #c8d8f0;

  

  --panel-translucent:     rgba(20, 16, 28, 0.78);
  --panel-border:          #3e3450;
  --panel-item-bg:         #1f1d27;    
  --panel-item-bg-hover:   #2a2834;    
  --panel-item-selected:   #5a3a1a;    
  --panel-item-border:     #3a3442;    
  

  --sprite-owner-header-bg: color-mix(in srgb, var(--bg) 65%, var(--paper));
  --sprite-section-header-bg: color-mix(in srgb, var(--bg) 30%, var(--paper));
  --media-badge-bg:        rgba(0, 0, 0, 0.62);
  --media-badge-text:      var(--text);

  

  --active-bg:         #5a3a1a;        
  --active-border:     #d4b870;        
  --active-fg:         #ffffff;

  

  --page-hue-1:        #e26159;    
  --page-hue-2:        #e08e3c;    
  --page-hue-3:        #eed85a;   

  --page-hue-4:        #57c06e;    
  --page-hue-5:        #3ac0bb;    
  --page-hue-6:        #5ba2ea;    
  --page-hue-7:        #8b84ee;    
  --page-hue-8:        #cf72d4;    
  --page-spine-1:      var(--page-hue-1);
  --page-spine-2:      var(--page-hue-2);
  --page-spine-3:      var(--page-hue-3);
  --page-spine-4:      var(--page-hue-4);
  --page-spine-5:      var(--page-hue-5);
  --page-spine-6:      var(--page-hue-6);
  --page-spine-7:      var(--page-hue-7);
  --page-spine-8:      var(--page-hue-8);

   
  --graph-bg:          #0c0b11;
  --graph-grid:        rgba(200,120,40,0.14);
  --node-bg:           #18161f;
  --node-border:       #6a5020;
  --node-entry:        #4a9a5a;
  --node-ghost:        #555;
  --node-selected:     #c87828;
  --edge-color:        #4a4050;
  --edge-choice:       #d8a040;
  --edge-condition:    #6080a0;

   
  --toast-bg:          #d4c8b0;
  --toast-text:        #0c0b11;

   
  --spiral:            #1e1b2a;
  --tab-color:         #c87828;

  

  --scrollbar-thumb:   var(--paper-border);
}