/* roulang page: index */
:root {
        --color-primary: #C59B27;
        --color-secondary: #0D9488;
        --color-dark: #0C121E;
        --color-base: #FBFBFA;
        --color-surface: #FFFFFF;
        --color-text: #111827;
        --color-subtext: #4B5563;
        --color-border: #E5E7EB;
      }
      body {
        background-color: var(--color-base);
        color: var(--color-text);
        font-feature-settings: "cv02", "cv03", "cv04", "cv11";
        -webkit-font-smoothing: antialiased;
      }
      .card-hover-fx {
        transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1);
      }
      .card-hover-fx:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 28px -6px rgba(12, 18, 30, 0.08);
      }
      .glass-panel {
        background: rgba(255, 255, 255, 0.82);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(229, 231, 235, 0.85);
      }
      .glass-dark {
        background: rgba(12, 18, 30, 0.86);
        backdrop-filter: blur(16px);
        -webkit-backdrop-filter: blur(16px);
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
      details summary::-webkit-details-marker {
        display: none;
      }