/* roulang page: index */
:root {
      --color-primary: #F36A06;
      --color-primary-hover: #D95800;
      --color-titanium: #1F242B;
      --color-coal: #111317;
      --color-slate: #3A414A;
      --color-surface: #F4F6F8;
      --color-border: rgba(31, 36, 43, 0.1);
    }
    body {
      background-color: var(--color-surface);
      color: var(--color-slate);
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      overflow-x: hidden;
    }
    .gear-spin {
      animation: spin 16s linear infinite;
    }
    @keyframes spin {
      100% { transform: rotate(360deg); }
    }
    .custom-scroll::-webkit-scrollbar {
      height: 6px;
    }
    .custom-scroll::-webkit-scrollbar-thumb {
      background: #3A414A;
      border-radius: 3px;
    }
    details summary::-webkit-details-marker {
      display: none;
    }
    .tech-glow:hover {
      box-shadow: 0 8px 30px rgba(243, 106, 6, 0.16);
    }