/* roulang page: index */
:root {
      --primary: #0F1E2E;
      --accent: #C5A880;
      --bg-page: #F8F9FA;
      --text-main: #111827;
      --text-sub: #4B5563;
      --card-border: rgba(15, 30, 46, 0.08);
      --card-shadow: 0 4px 20px -2px rgba(15, 30, 46, 0.04);
      --card-shadow-hover: 0 12px 28px -4px rgba(15, 30, 46, 0.08);
    }
    body {
      font-feature-settings: "tnum";
      -webkit-font-smoothing: antialiased;
    }
    .custom-card {
      background: #FFFFFF;
      border: 1px solid var(--card-border);
      box-shadow: var(--card-shadow);
      transition: transform 300ms ease-out, box-shadow 300ms ease-out, border-color 300ms ease;
    }
    .custom-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--card-shadow-hover);
      border-color: rgba(197, 168, 128, 0.35);
    }
    details summary::-webkit-details-marker {
      display: none;
    }