/* roulang page: index */
:root {
      --primary: #1A2B3C;
      --accent: #C5A880;
      --bg-paper: #FAFAF8;
      --bg-muted: #F1F3F5;
      --text-main: #0B1320;
      --text-muted: #4B5563;
      --border: #E5E7EB;
    }
    body {
      background-color: var(--bg-paper);
      color: var(--text-main);
      -webkit-font-smoothing: antialiased;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 4px;
      height: 4px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #C5A880;
      border-radius: 2px;
    }
    .transition-base {
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }