/* ========================================
   Color tokens
   ======================================== */

:root {
  /* Brand */
  --primary: #1175FC;
  --primary-dark: #0d5bbd;
  --primary-light: #4d9af5;
  --primary-hover: #0d5fd6;
  --primary-deep: #0b54c4;
  --blue-bar: #1175FC;

  /* Text */
  --text-dark: #222222;
  --text: #222222;
  --text-muted: #666666;
  --text-light: #999999;
  --text-secondary: #888888;
  --text-placeholder: #b0b6be;
  --text-copyright: #9aa0a6;
  --text-backtop: #8a8a8a;

  /* Surface */
  --white: #ffffff;
  --bg: #ffffff;
  --bg-soft: #f5f8fc;
  --bg-news: #0b3d7a;
  --bg-product-media: #eef3f9;
  --bg-header-scrolled: rgba(255, 255, 255, 0.98);

  /* Border */
  --border: #e8eef5;
  --border-lang: #d0d5dd;
  --border-tab: #e6ebf2;
  --border-partner: #e6e6e6;
  --border-news: #eef1f5;
  --border-footer: #ececec;

  /* Overlay / white alpha */
  --white-90: rgba(255, 255, 255, 0.9);
  --white-85: rgba(255, 255, 255, 0.85);
  --white-45: rgba(255, 255, 255, 0.45);
  --white-40: rgba(255, 255, 255, 0.4);
  --white-0: rgba(255, 255, 255, 0);

  /* Hero overlay */
  --hero-overlay-start: rgba(8, 28, 58, 0.72);
  --hero-overlay-mid: rgba(8, 28, 58, 0.45);
  --hero-overlay-end: rgba(8, 28, 58, 0.25);

  /* Surge */
  --surge-a: rgba(173, 214, 255, 0.35);
  --surge-b: rgba(120, 188, 255, 0.55);
  --surge-c: rgba(64, 150, 255, 0.85);
  --surge-primary-15: rgba(17, 117, 252, 0.15);
  --surge-primary-65: rgba(17, 117, 252, 0.65);

  /* Mask / fade */
  --mask-12: rgba(0, 0, 0, 0.12);
  --mask-15: rgba(0, 0, 0, 0.15);
  --mask-35: rgba(0, 0, 0, 0.35);
  --mask-55: rgba(0, 0, 0, 0.55);
  --mask-75: rgba(0, 0, 0, 0.75);
  --black: #000000;

  /* Shadow */
  --shadow: 0 8px 28px rgba(26, 115, 232, 0.08);
  --shadow-card: 0 6px 24px rgba(0, 0, 0, 0.06);
  --shadow-header: 0 2px 16px rgba(0, 0, 0, 0.06);
  --shadow-dropdown: 0 10px 28px rgba(17, 40, 80, 0.1);
  --shadow-nav-mobile: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-tab: 0 8px 28px rgba(17, 35, 90, 0.06);
  --shadow-news: 0 4px 18px rgba(17, 40, 80, 0.04);
  --shadow-news-hover: 0 10px 28px rgba(17, 40, 80, 0.08);
  --shadow-banner: 0 8px 24px rgba(17, 117, 252, 0.18);
  --shadow-cursor: 0 12px 36px rgba(17, 117, 252, 0.3);
  --shadow-contact: 0 12px 28px rgba(17, 117, 252, 0.28);
}