/* roulang page: index */
:root {
      --primary: #0F2D24;
      --primary-deep: #091814;
      --accent: #C5A880;
      --bg-canvas: #F7F8F6;
      --text-main: #1F2927;
      --text-sub: #5E6D67;
      --border-line: #E2E6E3;
    }
    body {
      background-color: var(--bg-canvas);
      color: var(--text-main);
      font-feature-settings: "cv02", "cv03", "cv04", "cv11";
    }
    .num-tabular {
      font-variant-numeric: tabular-nums;
    }
    .card-clean {
      border: 1px solid var(--border-line);
      box-shadow: 0 4px 20px -2px rgba(15, 45, 36, 0.05);
      transition: transform 300ms ease-in-out, box-shadow 300ms ease-in-out, border-color 300ms ease-in-out;
    }
    .card-clean:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 28px -4px rgba(15, 45, 36, 0.1);
      border-color: rgba(197, 168, 128, 0.5);
    }
    .gold-gradient-text {
      background: linear-gradient(135deg, #DFCAAC 0%, #C5A880 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }