:root {
      --green: #1f6e43;
      --green-d: #17532F;
      --green-l: #2F8F5C;
      --dark: #2A2118;
      --dark2: #3a3024;
      --dark3: #332a1e;
      --ink: #2A2118;
      --muted: #6b5f4f;
      --muted2: #4a4033;
      --label: #8a7d64;
      --line: #E4D9BF;
      --bg: #F3ECDD;
      --card: #FFFBF2;
      --soft: #EFE6D0;
      --shadow: 0 1px 2px rgba(42, 33, 24, .04), 0 10px 26px -18px rgba(42, 33, 24, .18);
      --stamp-shadow: 0 4px 0 rgba(0, 0, 0, .15);
      --safe-bottom: env(safe-area-inset-bottom, 0px);
    }

    * {
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent
    }

    html,
    body {
      margin: 0;
      padding: 0
    }

    body {
      font-family: 'Libre Franklin', system-ui, Arial, sans-serif;
      color: var(--ink);
      background: var(--bg);
      background-image: radial-gradient(rgba(42, 33, 24, .05) 1px, transparent 0);
      background-size: 16px 16px;
      -webkit-font-smoothing: antialiased
    }

    button {
      font-family: inherit;
      cursor: pointer
    }

    a {
      color: inherit;
      text-decoration: none;
      cursor: pointer
    }

    .num {
      font-family: 'Bebas Neue', sans-serif;
      font-variant-numeric: tabular-nums
    }

    .label {
      font-family: 'Barlow Condensed', sans-serif;
      text-transform: uppercase
    }