diff --git a/package.json b/package.json
index 8f039d5..2c78e51 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
   },
   "dependencies": {
     "@spectrum-css/card": "^9.3.0",
+    "@spectrum-css/tokens": "^14.6.0",
     "@spectrum-web-components/action-menu": "^1.0.1",
     "@spectrum-web-components/button": "^1.0.1",
     "@spectrum-web-components/menu": "^1.0.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c5d120e..2970e95 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,6 +16,9 @@ importers:
       '@spectrum-css/card':
         specifier: ^9.3.0
         version: 9.3.0(@spectrum-css/tokens@14.6.0)
+      '@spectrum-css/tokens':
+        specifier: ^14.6.0
+        version: 14.6.0
       '@spectrum-web-components/action-menu':
         specifier: ^1.0.1
         version: 1.0.1
diff --git a/src/spectrum.ts b/src/spectrum.ts
index c8e22d2..4736680 100644
--- a/src/spectrum.ts
+++ b/src/spectrum.ts
@@ -10,5 +10,6 @@ import '@spectrum-web-components/menu/sp-menu-divider.js';
 import '@spectrum-web-components/menu/sp-menu-group.js';
 
 import SpectrumCard from '@spectrum-css/card' with { type: 'css' };
+import SpectrumTokens from "@spectrum-css/tokens" with { type: "css" };
 
-console.log({ SpectrumCard });
\ No newline at end of file
+console.log({ SpectrumCard, SpectrumTokens });
\ No newline at end of file
diff --git a/src/styles/main.css b/src/styles/main.css
index 81d38f4..60deb53 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -1,4 +1,4 @@
-@import url('../../node_modules/@spectrum-web-components/styles/all-large-dark.css');
+@import url('/node_modules/@spectrum-web-components/styles/all-large-dark.css');
 
 :root, :host {
   --color-white: white;