/* roulang page: index */
:root {
      --primary: #0F766E;
      --primary-dark: #115E59;
      --accent: #F59E0B;
      --slate-text: #334155;
      --heading-text: #0F172A;
      --bg-soft: #F8FAFC;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
      color: var(--slate-text);
      background-color: var(--bg-soft);
      overflow-x: hidden;
    }
    .hero-mask {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.94) 0%, rgba(15, 118, 110, 0.88) 100%);
    }
    .custom-shadow {
      box-shadow: 0 10px 30px -5px rgba(15, 23, 42, 0.08);
    }
    .custom-shadow-hover:hover {
      box-shadow: 0 20px 35px -10px rgba(15, 118, 110, 0.18);
    }