@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap');

:root {
  --is-dark-theme: true;
  --theme-display-name: "Foxdroid Dark";

  --color-primary:          #ff6b2f;
  --color-primary-light-1:  #ff7f47;
  --color-primary-light-2:  #ff9360;
  --color-primary-light-3:  #ffa778;
  --color-primary-light-4:  #ffbb90;
  --color-primary-light-5:  #ffcfa8;
  --color-primary-light-6:  #ffe3c0;
  --color-primary-dark-1:   #e55a20;
  --color-primary-dark-2:   #cc4a10;
  --color-primary-dark-3:   #b23a00;
  --color-primary-alpha-10: #ff6b2f1a;
  --color-primary-alpha-20: #ff6b2f33;
  --color-primary-alpha-30: #ff6b2f4d;
  --color-primary-alpha-40: #ff6b2f66;
  --color-primary-alpha-50: #ff6b2f80;
  --color-primary-alpha-60: #ff6b2f99;
  --color-primary-alpha-70: #ff6b2fb3;
  --color-primary-alpha-80: #ff6b2fcc;
  --color-primary-alpha-90: #ff6b2fe6;

  --color-secondary:          #1f2630;
  --color-secondary-dark-1:   #2a3340;
  --color-secondary-dark-2:   #354050;
  --color-secondary-dark-3:   #404d60;
  --color-secondary-dark-4:   #4b5a70;
  --color-secondary-dark-5:   #566780;
  --color-secondary-dark-6:   #617490;
  --color-secondary-light-1:  #1a2130;
  --color-secondary-light-2:  #151b28;
  --color-secondary-light-3:  #101520;
  --color-secondary-light-4:  #0b0f18;
  --color-secondary-light-5:  #060910;
  --color-secondary-light-6:  #010308;
  --color-secondary-alpha-10: #1f26301a;
  --color-secondary-alpha-20: #1f263033;
  --color-secondary-alpha-30: #1f26304d;
  --color-secondary-alpha-60: #1f263099;

  --color-body:                   #0b0f14;
  --color-box-body:               #0e131a;
  --color-box-body-highlight:     #131a24;
  --color-text-dark:              #f0f4f8;
  --color-text:                   #e6edf3;
  --color-text-light:             #c9d1d9;
  --color-text-light-1:           #b1bac4;
  --color-text-light-2:           #8b949e;
  --color-text-light-3:           #6e7681;
  --color-footer:                 #0b0f14;
  --color-timeline:               #1f2630;
  --color-input-text:             #e6edf3;
  --color-input-background:       #0e131a;
  --color-input-toggle-background:#1f2630;
  --color-input-border:           #1f2630;
  --color-input-border-hover:     #ff6b2f;
  --color-header-wrapper:         #0b0f14;
  --color-light:                  #ffffff10;
  --color-light-mimic-enabled:    rgba(255,255,255,0.1);
  --color-light-border:           #ffffff18;
  --color-hover:                  #ff6b2f18;
  --color-active:                 #ff6b2f22;
  --color-menu:                   #0e131a;
  --color-card:                   #0e131a;
  --color-markup-table-row:       #ffffff06;
  --color-markup-code-block:      #ffffff10;
  --color-button:                 #0e131a;
  --color-code-bg:                #0e131a;
  --color-code-sidebar-bg:        #0b0f14;
  --color-shadow:                 #00000060;
  --color-border:                 #1f2630;
  --color-border-dark:            #2a3340;

  --font-size:   14px;
  --font-family: "JetBrains Mono", ui-monospace, monospace;

  --color-diff-added-word-bg:   #ff6b2f33;
  --color-diff-added-row-bg:    #ff6b2f11;
  --color-diff-added-row-border:#ff6b2f44;
  --color-diff-removed-word-bg: #f8514933;
  --color-diff-removed-row-bg:  #f8514911;
  --color-diff-removed-row-border:#f8514944;
}

body, html {
  font-family: "JetBrains Mono", ui-monospace, monospace !important;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.03;
  background-image: url("https://grainy-gradients.vercel.app/noise.svg");
  z-index: 9999;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #0b0f14; }
::-webkit-scrollbar-thumb { background: #1f2630; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #ff6b2f; }