/* roulang page: index */
:root {
      --color-brand-dark: #0f1f24;
      --color-brand-deeper: #0a1518;
      --color-primary: #105652;
      --color-primary-hover: #0b3c39;
      --color-amber: #c8963e;
      --color-surface: #f8fafb;
      --shadow-soft: 0 4px 20px -2px rgba(15, 31, 36, 0.06);
      --shadow-hover: 0 12px 30px -4px rgba(15, 31, 36, 0.12);
    }
    body {
      background-color: #ffffff;
      color: #1a2e35;
      font-feature-settings: "tnum";
    }
    .custom-shadow {
      box-shadow: var(--shadow-soft);
    }
    .custom-shadow-hover:hover {
      box-shadow: var(--shadow-hover);
    }
    .tab-active {
      background-color: var(--color-primary);
      color: #ffffff;
    }