diff --git a/figma-primitives/src/styles/figma-development-theme.css b/figma-primitives/src/styles/figma-development-theme.css
index 772376a..63478f0 100644
--- a/figma-primitives/src/styles/figma-development-theme.css
+++ b/figma-primitives/src/styles/figma-development-theme.css
@@ -6,7 +6,7 @@
 */
 
 body {
-  font-family: Inter, sans-serif;
+  font-family: var(--fp-font-family-default);
   font-size: 11px;
   line-height: 16px;
   font-weight: 400;
diff --git a/figma-primitives/src/styles/index.css b/figma-primitives/src/styles/index.css
index a181387..bcaf5f4 100644
--- a/figma-primitives/src/styles/index.css
+++ b/figma-primitives/src/styles/index.css
@@ -1,5 +1,7 @@
+@import 'tokens/fonts.css';
 @import 'tokens/space.css';
 @import 'tokens/radii.css';
+@import 'tokens/components.css';
 @import '../components/input-base/input-base.css';
 @import '../components/control-input/control-input.css';
 @import '../components/tooltip/tooltip.css';
diff --git a/figma-primitives/src/styles/tokens/components.css b/figma-primitives/src/styles/tokens/components.css
new file mode 100644
index 0000000..85e89e3
--- /dev/null
+++ b/figma-primitives/src/styles/tokens/components.css
@@ -0,0 +1,10 @@
+:root {
+  --fp-color-bg-menu: #1e1e1e;
+  --fp-color-bg-menu-selected: var(--figma-color-bg-selected-strong);
+  --fp-color-text-menu: var(--figma-color-text-oncomponent);
+  --fp-color-text-menu-secondary: var(--figma-color-text-oncomponent-secondary);
+  --fp-color-text-menu-tertiary: var(--figma-color-text-oncomponent-tertiary);
+  --fp-color-icon-menu: var(--figma-color-icon-oncomponent);
+  --fp-color-border-menu: #383838;
+  --fp-font-size-menu: 12px;
+}
diff --git a/figma-primitives/src/styles/tokens/fonts.css b/figma-primitives/src/styles/tokens/fonts.css
new file mode 100644
index 0000000..872880d
--- /dev/null
+++ b/figma-primitives/src/styles/tokens/fonts.css
@@ -0,0 +1,5 @@
+:root {
+  --fp-font-family-default: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell,
+    Noto Sans, sans-serif, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
+    SFProLocalRange;
+}