/* roulang page: index */
:root {
      --color-primary: #0B0F19;
      --color-navy: #111E38;
      --color-gold: #C5A880;
      --color-gold-light: #E7D5BC;
      --color-slate-gray: #94A3B8;
      --color-bg-light: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, "Microsoft YaHei", sans-serif;
      color: #1E293B;
      background-color: #FFFFFF;
      text-rendering: optimizeLegibility;
      -webkit-font-smoothing: antialiased;
    }
    .text-gold { color: var(--color-gold); }
    .bg-gold { background-color: var(--color-gold); }
    .border-gold { border-color: var(--color-gold); }
    .bg-navy { background-color: var(--color-navy); }
    .bg-dark { background-color: var(--color-primary); }
    .tabular-nums { font-variant-numeric: tabular-nums; }
    .glass-dark {
      background: rgba(17, 30, 56, 0.88);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
    .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: #CBD5E1; border-radius: 4px; }
    .custom-scrollbar::-webkit-scrollbar-track { background: #F1F5F9; }
    html { scroll-behavior: smooth; }