/* roulang page: index */
:root {
      --primary: #0F4C81;
      --secondary: #0EA5E9;
      --accent: #10B981;
      --bg-light: #F8FAFC;
      --text-main: #0F172A;
      --text-muted: #64748B;
      --card-shadow: 0 4px 20px -2px rgba(15, 76, 129, 0.06);
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      color: #334155;
      background-color: var(--bg-light);
      overflow-x: hidden;
    }
    .custom-shadow {
      box-shadow: var(--card-shadow);
    }