@layer tokens {
  :root {
    --color-black: #000;
    --color-white: #fff;
    --color-dark: #333;
    --color-grey-01: #f5f5f5;
    --color-grey-02: #4c4948;
    --color-grey-03: #dbd8d4;
    --color-grey-04: #e5e4e1;
    --color-border-grey: #cacaca;
    --color-basic-brown: #585451;
    --color-light-brown: #4a423a;
    --color-basic-offwhite: #f4f1ed;
    --color-basic-offwhite-02: #f4f4f4;
    --color-new-reno-alpha: #6d6560;
    --color-new-renoera: #3e3e3f;
  }
}

@layer tokens {
  :root {
    --font-family-base: "Noto Sans JP", "YuGothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    --font-family-inter: "Inter", sans-serif;
    --font-size-base: 1rem;
  }
}