/**
 * Cyrus Hosting Services — shared visual protocol
 * Used by Plesk overlay (css/custom.css) and WordPress/WooCommerce (wordpress/chs-store).
 * Edit here only; run brand/sync.sh (pack.sh and pack-wp.sh do it for you).
 *
 * Chrome: black. Canvas: white. Active/selected: gold. Hover: green.
 * Gold or green fill → black text and icons.
 */
:root {
  --cyrus-black: #000000;
  --cyrus-white: #ffffff;
  --cyrus-gold: #ffd700;
  --cyrus-gold-deep: #c9a227;
  --cyrus-gold-soft: #fffdf0;
  --cyrus-hover: #2ecc71;
  --cyrus-hover-soft: #f6fff9;
  /* 1.8.14 AA: green as TEXT on light surfaces (5.3:1 on #f2f2f2). Keep --cyrus-hover for fills and for text on black. */
  --cyrus-hover-ink: #1a7340;
  /* Text on black chrome / dark bands */
  --cyrus-on-dark: #ffffff;
  /* Focus ring: black inner + gold outer, visible on white and on black */
  --cyrus-focus-ring: 0 0 0 2px #000000, 0 0 0 4px #ffd700;
  --cyrus-link: #0066cc;
  --cyrus-ink: #000000;
  --cyrus-muted: #666666;
  --cyrus-line: #e6e6e6;
  --cyrus-field: #888888; /* 1.8.14 AA: form field borders 3.5:1 on white (was #cccccc, 1.6:1) */
  --cyrus-surface: #f2f2f2;
  --cyrus-font: "Open Sans", "Segoe UI", sans-serif;
  --cyrus-header-h: 56px;
  --cyrus-logo-h: 50px;
  --cyrus-radius: 0;
}