/* theme.css: robot kits (namaimax.lt › siurbliai). Calm, technical, device-like. One accent: the charging-LED cyan. */
:root {
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  --bg: #F3F5F7;
  --panel-bg: #FFFFFF;
  --top-bg: rgba(255, 255, 255, .86);
  --stage-bg: radial-gradient(120% 90% at 50% 38%, #FFFFFF 0%, #EEF1F4 58%, #E4E8EC 100%);
  --ink: #16191D;
  --ink-soft: #3B4249;
  --muted: #5E6670;
  --line: #DCE1E6;
  --line-strong: #B9C1C9;
  --opt-bg: #FFFFFF;
  --opt-bg-on: #FFFFFF;
  --accent-ink: #007C7C;
  --focus: #00A6A6;
  --focus-soft: rgba(0, 166, 166, .22);
  --badge-bg: #E3F4F4;
  --badge-ink: #006666;
  /* Call-to-action: the charging-LED cyan, dark label (6.6:1). */
  --btn-bg: #00B3AD;
  --btn-bg-hover: #00C7C0;
  --btn-ink: #0B1F1E;
  --btn-edge: inset 0 -2px 0 rgba(0, 60, 58, .22);
  --notice-bg: #EEF7F7;
  --notice-line: #C7E6E6;
  --error-bg: #FDECEC;
  --error-ink: #9B1C1C;

  --r: 14px;
  --btn-r: 12px;
  --panel-w: 460px;
  --visual-max: 720px;

  --brand-font: 650 21px/1 var(--font-display);
  --brand-track: -0.02em;
  --h1-font: 650 34px/1.12 var(--font-display);
  --h1-track: -0.022em;
  --h2-font: 650 36px/1.12 var(--font-display);
  --price-font: 650 28px/1.1 var(--font-display);
  --num-font: 600 15px/1 var(--font-body);
}