/* roulang page: index */
:root {
      --color-primary: #1e40af;
      --color-primary-dark: #1e3a8a;
      --color-bg-base: #f8fafc;
      --color-bg-alt: #f1f5f9;
      --color-text-main: #0f172a;
      --color-text-muted: #475569;
      --color-border: #e2e8f0;
    }
    body {
      background-color: var(--color-bg-base);
      color: var(--color-text-main);
      font-feature-settings: "tnum";
    }
    .hero-bg {
      background-image: linear-gradient(135deg, rgba(11, 19, 43, 0.94) 0%, rgba(30, 64, 175, 0.88) 100%), url('/assets/images/ed14dc77e12b4bc1.webp');
      background-size: cover;
      background-position: center;
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
      width: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #cbd5e1;
      border-radius: 4px;
    }