/* roulang page: index */
:root {
      --brand-primary: #0E3B33;
      --brand-dark: #061D19;
      --accent-gold: #C5A880;
      --bg-surface: #F7F8FA;
      --text-main: #1A202C;
      --text-muted: #4A5568;
      --border-soft: #E2E8F0;
    }
    body {
      background-color: var(--bg-surface);
      color: var(--text-main);
      overflow-x: hidden;
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    }
    .gold-gradient-btn {
      background: linear-gradient(135deg, #DFCCA6 0%, #C5A880 50%, #9F8055 100%);
      color: #061D19;
      font-weight: 600;
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .gold-gradient-btn:hover {
      box-shadow: 0 10px 20px -5px rgba(197, 168, 128, 0.4);
      transform: translateY(-1px);
    }
    .dark-card-glow {
      box-shadow: 0 0 40px -10px rgba(197, 168, 128, 0.15);
    }
    .mesh-gradient {
      background: radial-gradient(at 0% 0%, rgba(14, 59, 51, 0.85) 0px, transparent 50%),
                  radial-gradient(at 100% 100%, rgba(6, 29, 25, 0.95) 0px, transparent 50%),
                  linear-gradient(180deg, #061D19 0%, #0A2B25 100%);
    }