/* roulang page: index */
:root {
      --primary: #1B4931;
      --primary-dark: #0F261A;
      --accent: #D97736;
      --accent-hover: #C4682E;
      --bg-cream: #FBF9F5;
      --bg-surface: #F2EFE9;
      --text-main: #1C1E1D;
      --text-body: #424744;
      --text-muted: #727874;
    }
    body {
      background-color: var(--bg-cream);
      color: var(--text-body);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
      line-height: 1.75;
      letter-spacing: -0.01em;
    }
    h1, h2, h3, h4, h5, h6 {
      color: var(--text-main);
      line-height: 1.3;
      letter-spacing: -0.02em;
    }
    .shadow-soft {
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
    }
    .shadow-elevate {
      box-shadow: 0 12px 32px -4px rgba(27, 73, 49, 0.08), 0 4px 12px rgba(0, 0, 0, 0.03);
    }
    .text-balance {
      text-wrap: balance;
    }