:root {
  --color-nav-bg: #315483;
  --color-nav-text: #ffffff;
  --color-text: #414448;
  --color-body: #f2f2f2;
  --color-box-body: #ffffff;
  --color-primary: var(--color-nav-bg);
  --link-color: #15c;
  --border-color: #cccccc;
  --white: #ffffff;
  --color-primary-contrast: var(--white);
  --color-primary-hover: #39485d;
  --color-primary-active: var(--color-primary-hover);
  --color-menu: var(--white);
  --color-secondary: var(--border-color);
  --color-card: var(--white);
  --color-secondary-alpha-60: var(--border-color);
}

*, .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=text], .ui.form input[type=file], .ui.form input[type=url], input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, input:-webkit-autofill:active, .ui.form .field.field input:-webkit-autofill, .ui.form .field.field input:-webkit-autofill:focus, .ui.form .field.field input:-webkit-autofill:hover, .ui.form .field.field input:-webkit-autofill:active {
  border-radius: 0 !important;
  border-color: var(--border-color) !important;
  box-shadow: none !important;
}

#navbar a.item:hover, #navbar button.item:hover {
  text-decoration: underline;
}

.home a {
  color: var(--link-color);
}

.ui.dropdown .menu,
.ui.menu {
  background: var(--white) !important;
}

#navbar a.item:hover, #navbar button.item:hover {
  background: var(--color-nav-bg);
  color: var(--white);
}

.ui.tabular.menu,
.overflow-menu-items,
.ui.secondary.pointing.menu .item {
  border-bottom: none !important;
}

.ui.secondary.pointing.menu {
  border: 1px solid var(--color-secondary) !important;
  border-bottom: 1px solid var(--color-secondary) !important;
}

.page-footer {
  background-color: var(--white);
  border-top: 1px solid var(--border-color);
}

/* ===== Minimal Light Syntax Highlighting (White Background) ===== */

code, pre, .code, .chroma {
  background: #ffffff !important;
  color: #414448 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

/* Base */
.chroma {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
}

/* Comments */
.chroma .c,
.chroma .ch,
.chroma .cm,
.chroma .c1,
.chroma .cs {
  color: #6a737d;
  font-style: italic;
}

/* Keywords */
.chroma .k,
.chroma .kc,
.chroma .kd,
.chroma .kn,
.chroma .kp,
.chroma .kr,
.chroma .kt {
  color: #315483;
  font-weight: 600;
}

/* Strings */
.chroma .s,
.chroma .sa,
.chroma .sb,
.chroma .sc,
.chroma .dl,
.chroma .sd,
.chroma .s2 {
  color: #0a7a3c;
}

/* Numbers */
.chroma .m,
.chroma .mb,
.chroma .mf,
.chroma .mh,
.chroma .mi,
.chroma .il {
  color: #b35e00;
}

/* Functions / Names */
.chroma .nf,
.chroma .fm {
  color: #6f42c1;
}

/* Types / Classes */
.chroma .nc,
.chroma .nt {
  color: #005cc5;
}

/* Operators */
.chroma .o,
.chroma .ow {
  color: #d73a49;
}

/* Variables */
.chroma .nv,
.chroma .na {
  color: #e36209;
}

/* Line numbers (if enabled) */
.chroma .ln {
  color: #999;
}

/* Selection */
.chroma ::selection {
  background: #dbe9ff;
}

.lines-num, .lines-code {
  font-size: 14px;
  font-family: var(--fonts-monospace);
  line-height: 1.6;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: bottom;
}

.lines-num:hover {
  text-decoration: underline;
}