/* roulang page: index */
:root {
      --color-brand-primary: #0F4C3A;
      --color-brand-dark: #111827;
      --color-brand-accent: #D97706;
      --color-brand-accent-glow: #F59E0B;
      --color-surface-night: #0B1320;
      --color-surface-bg: #F8FAFC;
    }
    html {
      scroll-behavior: smooth;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
      background-color: var(--color-surface-bg);
      color: #1f2937;
    }
    .hero-bg-overlay {
      background: linear-gradient(135deg, rgba(15, 76, 58, 0.92) 0%, rgba(11, 19, 32, 0.95) 100%);
    }
    .metric-card-border {
      border: 1px solid rgba(226, 232, 240, 0.8);
    }
    .metric-card-border:hover {
      border-color: #0F4C3A;
    }
    .banner-slide {
      transition: opacity 0.6s ease-in-out;
    }