/* roulang page: index */
:root {
      --color-primary: #059669;
      --color-primary-dark: #047857;
      --color-accent: #f59e0b;
      --color-bg-base: #f8fafc;
      --color-text-main: #0f172a;
      --color-text-muted: #475569;
    }
    body {
      color: var(--color-text-main);
      background-color: var(--color-bg-base);
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    .custom-shadow {
      box-shadow: 0 10px 25px -5px rgba(5, 150, 105, 0.08), 0 8px 10px -6px rgba(5, 150, 105, 0.04);
    }
    .badge-subtle {
      background-color: #ecfdf5;
      color: #047857;
      border: 1px solid #a7f3d0;
    }
    .hero-stage {
      background: radial-gradient(circle at 50% 20%, #ecfdf5 0%, #ffffff 80%);
    }