/* roulang page: index */
:root {
      --primary-navy: #0F2B48;
      --secondary-blue: #1A4B75;
      --accent-cyan: #0EA5E9;
      --accent-amber: #F59E0B;
      --bg-slate: #F8FAFC;
    }
    html {
      box-sizing: border-box;
      scroll-padding-top: 80px;
    }
    *, *:before, *:after {
      box-sizing: inherit;
    }
    .badge-glow {
      box-shadow: 0 0 12px rgba(14, 165, 233, 0.25);
    }
    .custom-gradient-hero {
      background: linear-gradient(135deg, rgba(11, 19, 43, 0.94) 0%, rgba(15, 43, 72, 0.90) 100%);
    }
    .custom-gradient-bar {
      background: linear-gradient(90deg, #0F2B48 0%, #1A4B75 50%, #0B132B 100%);
    }