/* roulang page: index */
:root {
      --primary-dark: #0D2329;
      --accent-green: #00D26A;
      --bg-slate: #F8FAFC;
      --text-main: #0F172A;
      --text-muted: #64748B;
      --border-color: #E2E8F0;
    }
    body {
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    }
    .ticket-edge {
      background-image: radial-gradient(circle at 0 50%, transparent 12px, #ffffff 13px), radial-gradient(circle at 100% 50%, transparent 12px, #ffffff 13px);
      background-position: left center, right center;
      background-size: 51% 100%;
      background-repeat: no-repeat;
    }
    .ticket-edge-dark {
      background-image: radial-gradient(circle at 0 50%, #0A0F11 12px, #162428 13px), radial-gradient(circle at 100% 50%, #0A0F11 12px, #162428 13px);
      background-position: left center, right center;
      background-size: 51% 100%;
      background-repeat: no-repeat;
    }