/* roulang page: index */
:root {
      --primary: #2563eb;
      --primary-dark: #1d4ed8;
      --secondary: #0ea5e9;
      --dark-slate: #0f172a;
      --card-bg: #ffffff;
      --border-color: #e2e8f0;
    }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background-color: #f8fafc;
      color: #334155;
    }
    .hero-bg {
      background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 58, 138, 0.88) 100%), url('/assets/images/6cba5dfb02a692ab.jpg') center/cover no-repeat;
    }
    .subtle-border {
      border: 1px solid var(--border-color);
    }
    details summary::-webkit-details-marker {
      display: none;
    }