:root {
  /* --------------------------------------------------------------
  # CyberGord Web Engine
  # Signature theme: Cyan / Navy / Gold
  # Designed to complement the WEBENGINE logo and Knowledge imagery
  -------------------------------------------------------------- */
  
  

    --oi-dark: #111820;
    --oi-dark-2: #192129;
    --oi-green: #149564;
    --oi-teal: #118b91;
    --oi-blue: #0d6efd;
    --oi-soft: #f5f7f9;
    --oi-border: #dde3e8;


  --we-text-rgb: 33, 48, 64;

  /* Header / navigation */
  --we-header-bg: #02070d;
  --we-header-text: var(--we-accent);
  --we-header-span: var(--we-white);

  /* Primary brand colour - WEBENGINE cyan */
  --we-accent: #00c2cb;
  --we-accent-hover: #00a8b2;
  --we-accent-soft: rgba(0, 194, 203, 0.10);
  --we-accent-rgb: 0, 194, 203;

  /* Secondary action colour - warm engineering gold */
  --we-secondary: #f2b63d;
  --we-secondary-hover: #d99a20;
  --we-secondary-soft: rgba(242, 182, 61, 0.14);
  --we-secondary-rgb: 242, 182, 61;

  /* Links */
  --we-link: #009fa8;
  --we-link-hover: #007d85;

  /* Navigation */
  --we-nav-dropdown-bg-hover: rgba(242, 182, 61, 0.8);
  --we-nav-dropdown-hover: var(--we-white);
  --we-nav-hover-underline: var(--we-secondary);

  /* Contrast helpers */
  --we-on-accent: #001417;
  --we-on-secondary: #171006;
  --we-on-dark: #ffffff;
  --we-on-light: #081116;

  /* Borders / shadows */
  --we-border: rgba(0, 194, 203, 0.16);
  --we-shadow-soft: 0 5px 20px rgba(0, 28, 38, 0.10);

  /* Footer */
  --we-footer-content: #06131d;
  --we-footer-content-rgb: 6, 19, 29;
  --we-footer-legal: #02070d;
  --we-footer-legal-rgb: 2, 7, 13;
}