/* roulang page: index */
:root {
      --primary: #0C3B2E;
      --accent: #00D26A;
      --highlight: #FFB703;
      --bg-dark: #0B1315;
      --bg-surface: #132226;
      --bg-light: #F4F6F8;
    }
    html {
      scroll-behavior: smooth;
    }
    section {
      scroll-margin-top: 86px;
    }
    .custom-shadow {
      box-shadow: 0 10px 30px -5px rgba(12, 59, 46, 0.08);
    }
    .hover-lift {
      transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    }
    .hover-lift:hover {
      transform: translateY(-4px);
      box-shadow: 0 16px 32px -4px rgba(0, 210, 106, 0.12);
    }