/* roulang page: index */
:root {
      --brand-moss: #1B4332;
      --brand-sage: #40916C;
      --brand-amber: #D4A373;
      --brand-dark: #081C15;
      --brand-cream: #F8F9FA;
      --brand-charcoal: #1F2421;
      --brand-mineral: #6C757D;
      --border-subtle: rgba(27, 67, 50, 0.08);
    }
    body {
      color: var(--brand-charcoal);
      background-color: var(--brand-cream);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      letter-spacing: 0.02em;
      line-height: 1.78;
    }
    .custom-shadow {
      box-shadow: 0 10px 30px -5px rgba(27, 67, 50, 0.06);
    }
    .custom-shadow-hover:hover {
      box-shadow: 0 20px 35px -10px rgba(27, 67, 50, 0.12);
      transform: translateY(-3px);
    }
    .hero-glow {
      background: radial-gradient(circle at 80% 20%, rgba(64, 145, 108, 0.12) 0%, transparent 60%);
    }