@charset "UTF-8";

/*
 * smallpellet / Shengjie industrial theme palette
 *
 * Theme colors are centralized here so the template can be recolored without
 * searching through page-level stylesheets. The first group controls the main
 * palette. Blue comes from the gear and lower ring in the logo, silver echoes
 * the machined-metal parts, and red is reserved for small brand accents.
 */
:root {
  /* Logo colors */
  --sp-brand-blue: #075fa8;
  --sp-brand-blue-dark: #063a68;
  --sp-brand-red: #c51624;
  --sp-brand-silver: #dce2e6;

  /* Core industrial-blue theme */
  --sp-theme-primary: var(--sp-brand-blue);
  --sp-theme-section: #0a5794;
  --sp-theme-button: #0f6fb7;
  --sp-theme-strong: #084779;
  --sp-theme-action: #1478bd;
  --sp-theme-deep: #438fc4;
  /* Brighter red keeps small icons legible on the dark product panels. */
  --sp-theme-accent: #ec4450;
  --sp-theme-soft: #2f86c0;

  /* Brand borders, links and interaction states */
  --sp-theme-line: #5c9bc7;
  --sp-theme-border: #79acd0;
  --sp-theme-link: #1874ad;
  --sp-theme-pagination: #1678b5;
  --sp-theme-table: #064d85;
  --sp-theme-mobile: #0f6cad;
  --sp-theme-mobile-hover: #084779;
  --sp-theme-label: #0f6cad;
  --sp-theme-special-title: #0a568f;
  --sp-theme-special-border: #095084;
  --sp-theme-special-shadow: #062f50;
  --sp-theme-hover-text: #b8ddf5;
  --sp-theme-subtle: #6c9dbf;

  /* Light colors used on green backgrounds */
  --sp-theme-highlight: var(--sp-brand-silver);
  --sp-theme-highlight-line: #8eb9d7;
  --sp-theme-pale-border: #a8cce4;
  --sp-theme-muted: #d6e7f2;
  --sp-theme-muted-text: #dceaf3;
  --sp-theme-muted-nav: #bdd7e9;
  --sp-theme-pale-bg: #eef6fb;

  /* Dark structural colors */
  --sp-theme-dark: #202a33;
  --sp-theme-dark-panel: #303b44;
  --sp-theme-dark-footer: #18222c;
  --sp-theme-dark-control: #35424d;
}