/* Light Theme */
:root {
  --accent:        #0969da;
  --accent-hover:  #0550ae;
  --success:       #2da44e;
  --danger:        #cf222e;

  --bg:            #f6f8fa;
  --bg-nav:        #f6f8fa;
  --card-bg:       #ffffff;
  --card-bg-2:     #f1f3f5;

  --border:        #d0d7de;
  --border-light:  #d8dee4;

  --text-primary:  #24292f;
  --text-secondary:#57606a;
  --text-muted:    #6e7781;

  --panel-head-bg: #f6f8fa;
  --panel-head-text:#24292f;

  --topbar-bg:              linear-gradient(180deg, #161b22 0%, #0d1117 100%);
  --topbar-border:          #30363d;
  --brand-mark-bg:          #0d1117;
  --brand-mark-border:      #30363d;
  --brand-mark-text:        #e6edf3;
  --brand-name-color:       #e6edf3;
  --nav-link-color:         #8b949e;
  --nav-link-hover-bg:      #21262d;
  --nav-link-hover-text:    #f0f6fc;
  --nav-link-active-text:   #f0f6fc;
  --nav-link-active-line:   #2ea043;
  --theme-btn-bg:           #21262d;
  --theme-btn-border:       #30363d;
  --theme-btn-text:         #e6edf3;

  --shadow:        none;
  --radius:        6px;

  --header-height: 210px;
}

/* Dark Theme */
body.dark {
  --accent:        #2f81f7;
  --accent-hover:  #1f6feb;
  --success:       #3fb950;
  --danger:        #f85149;

  --bg:            #0d1117;
  --bg-nav:        #0d1117;
  --card-bg:       #161b22;
  --card-bg-2:     #21262d;

  --border:        #30363d;
  --border-light:  #21262d;

  --text-primary:  #e6edf3;
  --text-secondary:#8b949e;
  --text-muted:    #7d8590;

  --panel-head-bg: #21262d;
  --panel-head-text:#e6edf3;

  --topbar-bg:              linear-gradient(180deg, #0d1117 0%, #0b1016 100%);
  --topbar-border:          #30363d;
  --brand-mark-bg:          #0d1117;
  --brand-mark-border:      #30363d;
  --brand-mark-text:        #e6edf3;
  --brand-name-color:       #e6edf3;
  --nav-link-color:         #8b949e;
  --nav-link-hover-bg:      #21262d;
  --nav-link-hover-text:    #f0f6fc;
  --nav-link-active-text:   #f0f6fc;
  --nav-link-active-line:   #3fb950;
  --theme-btn-bg:           #21262d;
  --theme-btn-border:       #30363d;
  --theme-btn-text:         #e6edf3;

  --shadow:        none;
}