/* roulang page: index */
:root {
      --primary: #0D5C58;
      --primary-hover: #094744;
      --primary-light: #E7F3F2;
      --secondary: #D97706;
      --secondary-hover: #B45309;
      --dark: #062322;
      --dark-card: #0A2F2D;
      --text-main: #111827;
      --text-muted: #4B5563;
      --bg-light: #F8FAFA;
      --border-color: #E5E7EB;
    }
    html {
      scroll-behavior: smooth;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    }
    .text-primary-custom { color: var(--primary); }
    .bg-primary-custom { background-color: var(--primary); }
    .bg-primary-hover:hover { background-color: var(--primary-hover); }
    .text-secondary-custom { color: var(--secondary); }
    .bg-secondary-custom { background-color: var(--secondary); }
    .bg-secondary-hover:hover { background-color: var(--secondary-hover); }
    .bg-dark-custom { background-color: var(--dark); }
    .bg-dark-card { background-color: var(--dark-card); }
    .bg-neutral-light { background-color: var(--bg-light); }
    
    .hero-bg {
      background: linear-gradient(rgba(6, 35, 34, 0.82), rgba(6, 35, 34, 0.88)), url('/assets/images/61d0fbab90519363.webp') center/cover no-repeat;
    }
    .custom-scroll::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background-color: #cbd5e1;
      border-radius: 4px;
    }