/* roulang page: index */
:root {
      --brand-primary: #00E599;
      --brand-dark: #0B0E14;
      --brand-surface: #121824;
      --text-main: #0F172A;
      --text-muted: #475569;
    }
    body {
      color: var(--text-main);
      background-color: #F8FAFC;
      -webkit-font-smoothing: antialiased;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
      background: #2A364F;
      border-radius: 4px;
    }
    .code-mask {
      background: radial-gradient(circle at 50% 50%, rgba(0, 229, 153, 0.08), transparent 70%);
    }
    .bento-glow {
      box-shadow: 0 0 40px -10px rgba(0, 229, 153, 0.15);
    }