/* roulang page: index */
:root {
      --brand-primary: #121417;
      --brand-accent: #FF5A1F;
      --brand-teal: #00D084;
      --border-light: #E5E7EB;
      --border-dark: #22262E;
    }
    html {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .custom-card {
      transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .custom-card:hover {
      transform: translateY(-2px);
    }
    .hero-mask {
      background: linear-gradient(135deg, rgba(10, 12, 16, 0.94) 0%, rgba(18, 20, 23, 0.88) 100%);
    }