/* Anova-DIY site theme: the black glass front and the amber seven-segment display of the cooker.
   Loaded by mkdocs.yml (extra_css). Fonts come from the theme.font setting (IBM Plex). */

:root {
  --amber: #ffb000;
  --amber-dim: #c77800;
  --glass: #0e0f11;
  --glass-2: #16181c;
}

/* Dark: the glass */
[data-md-color-scheme="slate"] {
  --md-default-bg-color: var(--glass);
  --md-default-fg-color: #e6e3dc;
  --md-default-fg-color--light: #b9b5ac;
  --md-default-fg-color--lighter: #7d7a73;
  --md-primary-fg-color: var(--glass);
  --md-primary-bg-color: #e6e3dc;
  --md-accent-fg-color: var(--amber);
  --md-accent-fg-color--transparent: rgba(255, 176, 0, 0.12);
  --md-typeset-a-color: var(--amber);
  --md-code-bg-color: var(--glass-2);
  --md-code-fg-color: #e6e3dc;
  --md-footer-bg-color: var(--glass-2);
  --md-footer-bg-color--dark: var(--glass);
  --md-typeset-table-color: rgba(230, 227, 220, 0.12);
}

/* Light: warm paper */
[data-md-color-scheme="default"] {
  --md-default-bg-color: #faf7f1;
  --md-primary-fg-color: #1a1b1e;
  --md-primary-bg-color: #faf7f1;
  --md-accent-fg-color: var(--amber-dim);
  --md-typeset-a-color: #a35f00;
  --md-code-bg-color: #f1ece2;
}

/* Header and tabs: a thin amber line under the glass */
.md-header { border-bottom: 2px solid var(--amber); box-shadow: none; }
.md-header__button.md-logo img { height: 1.1rem; width: auto; }
.md-tabs { background-color: var(--md-primary-fg-color); border-bottom: 1px solid rgba(255, 176, 0, 0.25); }
.md-tabs__link { font-family: "IBM Plex Mono", monospace; font-size: 0.66rem; letter-spacing: 0.06em; text-transform: uppercase; }

/* Status strip (the announce block in overrides/main.html) */
.md-banner { background-color: var(--glass-2); color: var(--amber); font-family: "IBM Plex Mono", monospace; font-size: 0.68rem; letter-spacing: 0.08em; text-transform: uppercase; }
.md-banner__inner { margin: 0.35rem auto; }
.status-led { display: inline-block; width: 0.55em; height: 0.55em; border-radius: 50%; background: var(--amber); box-shadow: 0 0 6px var(--amber); margin-right: 0.5em; vertical-align: middle; animation: led 2.4s ease-in-out infinite; }
@keyframes led { 0%, 100% { opacity: 1; } 50% { opacity: 0.25; } }

/* Headings: lab-notebook mono */
.md-typeset h1, .md-typeset h2, .md-typeset h3 { font-family: "IBM Plex Mono", monospace; font-weight: 600; letter-spacing: -0.01em; }
.md-typeset h1 { color: var(--amber); }
.md-typeset h2 { border-bottom: 1px solid rgba(255, 176, 0, 0.25); padding-bottom: 0.2em; }

/* Home-page hero (only rendered on index) */
.hero { text-align: center; padding: 2.2rem 0 1.6rem; border-bottom: 1px solid rgba(255, 176, 0, 0.25); margin-bottom: 1.8rem; }
.hero-logo { width: min(260px, 60vw); height: auto; display: block; margin: 0 auto 1rem; filter: drop-shadow(0 0 14px rgba(255, 176, 0, 0.35)); }
.hero-tag { font-family: "IBM Plex Mono", monospace; font-size: 0.85rem; max-width: 34rem; margin: 0 auto 1.2rem; color: var(--md-default-fg-color--light); }
.hero .md-button { margin: 0.2rem; font-family: "IBM Plex Mono", monospace; font-size: 0.7rem; letter-spacing: 0.05em; text-transform: uppercase; color: var(--amber); border-color: var(--amber); }
.hero .md-button:hover { background-color: rgba(255, 176, 0, 0.15); border-color: var(--amber); color: var(--amber); }
.hero .md-button--primary, .hero .md-button--primary:hover { background-color: var(--amber); border-color: var(--amber); color: #111; }

/* Tables are dense in this repo: slightly smaller */
.md-typeset table:not([class]) { font-size: 0.7rem; }
.md-typeset table:not([class]) th { background: rgba(255, 176, 0, 0.08); }

/* Blog cards */
.md-post__header, .md-post__meta { font-family: "IBM Plex Mono", monospace; font-size: 0.68rem; }