/* roulang page: index */
:root {
        --color-primary: #0F4C81;
        --color-accent: #0EA5E9;
        --color-dark: #0B192C;
        --color-bg-alt: #F8FAFC;
      }
      html {
        scroll-behavior: smooth;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      }
      .bg-grid-pattern {
        background-image: radial-gradient(rgba(14, 165, 233, 0.12) 1px, transparent 1px);
        background-size: 24px 24px;
      }
      .card-transition {
        transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
      }
      .card-transition:hover {
        transform: translateY(-4px);
      }