/* =========================================================
   VB-G RAM-G DESIGN TOKENS
   File : vbg-tokens.css
========================================================= */
@import url('fonts/noto-sans.css');
:root {
  --font-primary: "Noto Sans", sans-serif;
  --font-condensed: "Noto Sans Condensed", "Noto Sans", Arial, sans-serif;
  /* =====================================================
       BRAND COLORS
    ===================================================== */
  --vbg-blue: #004282;
  --vbg-blue-dark: #00386f;
  --vbg-blue-light: #30649d;
  --vbg-saffron: #e99242;
  --vbg-saffron-dark: #e67e22;
  --vbg-saffron-light: #f09b4b;
  --vbg-green: #164f2e;
  /* =====================================================
       SURFACE COLORS
    ===================================================== */
  --vbg-white: #ffffff;
  --vbg-black: #000000;
  --vbg-text: #1b1b1b;
  --vbg-text-light: #4d4d4d;
  --vbg-muted: #666666;
  --vbg-border: #e9edf5;
  --vbg-border-soft: #ececec;
  --vbg-ghost: #eff1fe;
  --vbg-soft: #fdf3ea;
  --vbg-soft-purple: #efecff;
  /* =====================================================
       EFFECTS
    ===================================================== */
  --vbg-gradient: linear-gradient(90deg, var(--vbg-blue-light), var(--vbg-blue-dark));
  --vbg-shadow:
    0 10px 30px rgba(0, 0, 0, .08);
  --vbg-shadow-lg:
    0 14px 40px rgba(0, 0, 0, .12);
  --vbg-radius: 28px;
  --vbg-radius-sm: 18px;
  --vbg-radius-lg: 40px;
  --vbg-transition: .25s ease;
  /* =====================================================
       TYPOGRAPHY
    ===================================================== */
  --vbg-font: var(--font-primary);
  ;
  /* =====================================================
       Z INDEX
    ===================================================== */
  --vbg-z-header: 1000;
  --vbg-z-navbar: 999;
}