@robr0/design-system 0.1.0

package/tokens/registry.json

@@ -0,0 +1,203 @@
+{
+  "//": "GENERATED by scripts/generate-token-registry.mjs from the semantic token CSS — never hand-edit; run `npm run validate-registry`.",
+  "categories": {
+    "colour": [
+      "--color-action-icon-active",
+      "--color-action-icon-default",
+      "--color-action-passive-bg",
+      "--color-action-passive-bg-active",
+      "--color-action-passive-bg-hover",
+      "--color-action-passive-text",
+      "--color-action-primary-bg",
+      "--color-action-primary-bg-active",
+      "--color-action-primary-bg-hover",
+      "--color-action-primary-border",
+      "--color-action-primary-border-secondary",
+      "--color-action-primary-border-tertiary",
+      "--color-action-primary-text",
+      "--color-action-primary-text-active",
+      "--color-action-primary-text-secondary",
+      "--color-action-primary-text-tertiary",
+      "--color-bg-container-border",
+      "--color-bg-container-inverse",
+      "--color-bg-container-primary",
+      "--color-bg-container-primary-semi",
+      "--color-bg-container-primary-transparent",
+      "--color-bg-container-secondary",
+      "--color-bg-container-tertiary",
+      "--color-bg-page-inverse",
+      "--color-bg-page-primary",
+      "--color-chart-contribution-0",
+      "--color-chart-contribution-1",
+      "--color-chart-contribution-2",
+      "--color-chart-contribution-3",
+      "--color-chart-contribution-4",
+      "--color-control-thumb",
+      "--color-core-accent-amber",
+      "--color-core-accent-cobalt",
+      "--color-core-accent-coral",
+      "--color-core-accent-gold",
+      "--color-core-accent-mint",
+      "--color-core-accent-violet",
+      "--color-core-ui-primary",
+      "--color-core-ui-secondary",
+      "--color-divider",
+      "--color-icon-primary",
+      "--color-icon-secondary",
+      "--color-input-bg-disabled",
+      "--color-input-bg-primary",
+      "--color-input-border-disabled",
+      "--color-input-border-hover",
+      "--color-input-border-primary",
+      "--color-input-border-selected",
+      "--color-input-text-disabled",
+      "--color-input-text-inverse",
+      "--color-input-text-placeholder",
+      "--color-input-text-primary",
+      "--color-scrim",
+      "--color-status-error-bg",
+      "--color-status-error-border",
+      "--color-status-error-text",
+      "--color-status-info-bg",
+      "--color-status-info-border",
+      "--color-status-info-text",
+      "--color-status-neutral-bg",
+      "--color-status-neutral-border",
+      "--color-status-neutral-text",
+      "--color-status-positive-bg",
+      "--color-status-positive-border",
+      "--color-status-positive-text",
+      "--color-status-warning-bg",
+      "--color-status-warning-border",
+      "--color-status-warning-text",
+      "--color-text-inverse",
+      "--color-text-on-inverse",
+      "--color-text-primary",
+      "--color-text-secondary",
+      "--color-text-tertiary"
+    ],
+    "typography": [
+      "--font-display-1-family",
+      "--font-display-1-letter-spacing",
+      "--font-display-1-line-height",
+      "--font-display-1-size",
+      "--font-display-1-weight",
+      "--font-display-2-family",
+      "--font-display-2-letter-spacing",
+      "--font-display-2-line-height",
+      "--font-display-2-size",
+      "--font-display-2-weight",
+      "--font-family-primary",
+      "--font-heading-1-family",
+      "--font-heading-1-letter-spacing",
+      "--font-heading-1-line-height",
+      "--font-heading-1-size",
+      "--font-heading-1-weight",
+      "--font-heading-2-family",
+      "--font-heading-2-letter-spacing",
+      "--font-heading-2-line-height",
+      "--font-heading-2-size",
+      "--font-heading-2-weight",
+      "--font-heading-3-family",
+      "--font-heading-3-letter-spacing",
+      "--font-heading-3-line-height",
+      "--font-heading-3-size",
+      "--font-heading-3-weight",
+      "--font-mega-1-family",
+      "--font-mega-1-letter-spacing",
+      "--font-mega-1-line-height",
+      "--font-mega-1-size",
+      "--font-mega-1-weight",
+      "--font-mega-2-family",
+      "--font-mega-2-letter-spacing",
+      "--font-mega-2-line-height",
+      "--font-mega-2-size",
+      "--font-mega-2-weight",
+      "--font-paragraph-em-family",
+      "--font-paragraph-em-letter-spacing",
+      "--font-paragraph-em-line-height",
+      "--font-paragraph-em-size",
+      "--font-paragraph-em-weight",
+      "--font-paragraph-family",
+      "--font-paragraph-letter-spacing",
+      "--font-paragraph-line-height",
+      "--font-paragraph-size",
+      "--font-paragraph-sm-em-family",
+      "--font-paragraph-sm-em-letter-spacing",
+      "--font-paragraph-sm-em-line-height",
+      "--font-paragraph-sm-em-size",
+      "--font-paragraph-sm-em-weight",
+      "--font-paragraph-sm-family",
+      "--font-paragraph-sm-letter-spacing",
+      "--font-paragraph-sm-line-height",
+      "--font-paragraph-sm-size",
+      "--font-paragraph-sm-weight",
+      "--font-paragraph-weight",
+      "--font-sub-display-family",
+      "--font-sub-display-letter-spacing",
+      "--font-sub-display-line-height",
+      "--font-sub-display-size",
+      "--font-sub-display-weight",
+      "--font-title-body-family",
+      "--font-title-body-letter-spacing",
+      "--font-title-body-line-height",
+      "--font-title-body-size",
+      "--font-title-body-weight"
+    ],
+    "spacing": [
+      "--gap-lg",
+      "--gap-md",
+      "--gap-sm",
+      "--gap-sm-md",
+      "--gap-xl",
+      "--gap-xs",
+      "--gap-xxs",
+      "--padding-lg",
+      "--padding-md",
+      "--padding-sm",
+      "--padding-sm-md",
+      "--padding-xl",
+      "--padding-xs",
+      "--padding-xxs",
+      "--padding-xxxs"
+    ],
+    "radius": [
+      "--radius-full",
+      "--radius-lg",
+      "--radius-md",
+      "--radius-sm",
+      "--radius-xl",
+      "--radius-xs",
+      "--radius-xxl",
+      "--radius-xxs"
+    ],
+    "border": [
+      "--border-md",
+      "--border-xs"
+    ],
+    "shadow": [
+      "--shadow-floating",
+      "--shadow-modal"
+    ],
+    "icons": [
+      "--icon-size-lg",
+      "--icon-size-md",
+      "--icon-size-sm",
+      "--icon-size-xl"
+    ],
+    "motion": [
+      "--motion-duration-base",
+      "--motion-duration-deliberate",
+      "--motion-duration-fast",
+      "--motion-duration-loop-shimmer",
+      "--motion-duration-loop-spin",
+      "--motion-duration-slow",
+      "--motion-duration-slower",
+      "--motion-ease-emphasized",
+      "--motion-ease-entrance",
+      "--motion-ease-linear",
+      "--motion-ease-spring",
+      "--motion-ease-standard"
+    ]
+  }
+}

package/tokens/registry.json.d.ts

@@ -0,0 +1,206 @@
+declare const _default: {
+  "//": "GENERATED by scripts/generate-token-registry.mjs from the semantic token CSS — never hand-edit; run `npm run validate-registry`.",
+  "categories": {
+    "colour": [
+      "--color-action-icon-active",
+      "--color-action-icon-default",
+      "--color-action-passive-bg",
+      "--color-action-passive-bg-active",
+      "--color-action-passive-bg-hover",
+      "--color-action-passive-text",
+      "--color-action-primary-bg",
+      "--color-action-primary-bg-active",
+      "--color-action-primary-bg-hover",
+      "--color-action-primary-border",
+      "--color-action-primary-border-secondary",
+      "--color-action-primary-border-tertiary",
+      "--color-action-primary-text",
+      "--color-action-primary-text-active",
+      "--color-action-primary-text-secondary",
+      "--color-action-primary-text-tertiary",
+      "--color-bg-container-border",
+      "--color-bg-container-inverse",
+      "--color-bg-container-primary",
+      "--color-bg-container-primary-semi",
+      "--color-bg-container-primary-transparent",
+      "--color-bg-container-secondary",
+      "--color-bg-container-tertiary",
+      "--color-bg-page-inverse",
+      "--color-bg-page-primary",
+      "--color-chart-contribution-0",
+      "--color-chart-contribution-1",
+      "--color-chart-contribution-2",
+      "--color-chart-contribution-3",
+      "--color-chart-contribution-4",
+      "--color-control-thumb",
+      "--color-core-accent-amber",
+      "--color-core-accent-cobalt",
+      "--color-core-accent-coral",
+      "--color-core-accent-gold",
+      "--color-core-accent-mint",
+      "--color-core-accent-violet",
+      "--color-core-ui-primary",
+      "--color-core-ui-secondary",
+      "--color-divider",
+      "--color-icon-primary",
+      "--color-icon-secondary",
+      "--color-input-bg-disabled",
+      "--color-input-bg-primary",
+      "--color-input-border-disabled",
+      "--color-input-border-hover",
+      "--color-input-border-primary",
+      "--color-input-border-selected",
+      "--color-input-text-disabled",
+      "--color-input-text-inverse",
+      "--color-input-text-placeholder",
+      "--color-input-text-primary",
+      "--color-scrim",
+      "--color-status-error-bg",
+      "--color-status-error-border",
+      "--color-status-error-text",
+      "--color-status-info-bg",
+      "--color-status-info-border",
+      "--color-status-info-text",
+      "--color-status-neutral-bg",
+      "--color-status-neutral-border",
+      "--color-status-neutral-text",
+      "--color-status-positive-bg",
+      "--color-status-positive-border",
+      "--color-status-positive-text",
+      "--color-status-warning-bg",
+      "--color-status-warning-border",
+      "--color-status-warning-text",
+      "--color-text-inverse",
+      "--color-text-on-inverse",
+      "--color-text-primary",
+      "--color-text-secondary",
+      "--color-text-tertiary"
+    ],
+    "typography": [
+      "--font-display-1-family",
+      "--font-display-1-letter-spacing",
+      "--font-display-1-line-height",
+      "--font-display-1-size",
+      "--font-display-1-weight",
+      "--font-display-2-family",
+      "--font-display-2-letter-spacing",
+      "--font-display-2-line-height",
+      "--font-display-2-size",
+      "--font-display-2-weight",
+      "--font-family-primary",
+      "--font-heading-1-family",
+      "--font-heading-1-letter-spacing",
+      "--font-heading-1-line-height",
+      "--font-heading-1-size",
+      "--font-heading-1-weight",
+      "--font-heading-2-family",
+      "--font-heading-2-letter-spacing",
+      "--font-heading-2-line-height",
+      "--font-heading-2-size",
+      "--font-heading-2-weight",
+      "--font-heading-3-family",
+      "--font-heading-3-letter-spacing",
+      "--font-heading-3-line-height",
+      "--font-heading-3-size",
+      "--font-heading-3-weight",
+      "--font-mega-1-family",
+      "--font-mega-1-letter-spacing",
+      "--font-mega-1-line-height",
+      "--font-mega-1-size",
+      "--font-mega-1-weight",
+      "--font-mega-2-family",
+      "--font-mega-2-letter-spacing",
+      "--font-mega-2-line-height",
+      "--font-mega-2-size",
+      "--font-mega-2-weight",
+      "--font-paragraph-em-family",
+      "--font-paragraph-em-letter-spacing",
+      "--font-paragraph-em-line-height",
+      "--font-paragraph-em-size",
+      "--font-paragraph-em-weight",
+      "--font-paragraph-family",
+      "--font-paragraph-letter-spacing",
+      "--font-paragraph-line-height",
+      "--font-paragraph-size",
+      "--font-paragraph-sm-em-family",
+      "--font-paragraph-sm-em-letter-spacing",
+      "--font-paragraph-sm-em-line-height",
+      "--font-paragraph-sm-em-size",
+      "--font-paragraph-sm-em-weight",
+      "--font-paragraph-sm-family",
+      "--font-paragraph-sm-letter-spacing",
+      "--font-paragraph-sm-line-height",
+      "--font-paragraph-sm-size",
+      "--font-paragraph-sm-weight",
+      "--font-paragraph-weight",
+      "--font-sub-display-family",
+      "--font-sub-display-letter-spacing",
+      "--font-sub-display-line-height",
+      "--font-sub-display-size",
+      "--font-sub-display-weight",
+      "--font-title-body-family",
+      "--font-title-body-letter-spacing",
+      "--font-title-body-line-height",
+      "--font-title-body-size",
+      "--font-title-body-weight"
+    ],
+    "spacing": [
+      "--gap-lg",
+      "--gap-md",
+      "--gap-sm",
+      "--gap-sm-md",
+      "--gap-xl",
+      "--gap-xs",
+      "--gap-xxs",
+      "--padding-lg",
+      "--padding-md",
+      "--padding-sm",
+      "--padding-sm-md",
+      "--padding-xl",
+      "--padding-xs",
+      "--padding-xxs",
+      "--padding-xxxs"
+    ],
+    "radius": [
+      "--radius-full",
+      "--radius-lg",
+      "--radius-md",
+      "--radius-sm",
+      "--radius-xl",
+      "--radius-xs",
+      "--radius-xxl",
+      "--radius-xxs"
+    ],
+    "border": [
+      "--border-md",
+      "--border-xs"
+    ],
+    "shadow": [
+      "--shadow-floating",
+      "--shadow-modal"
+    ],
+    "icons": [
+      "--icon-size-lg",
+      "--icon-size-md",
+      "--icon-size-sm",
+      "--icon-size-xl"
+    ],
+    "motion": [
+      "--motion-duration-base",
+      "--motion-duration-deliberate",
+      "--motion-duration-fast",
+      "--motion-duration-loop-shimmer",
+      "--motion-duration-loop-spin",
+      "--motion-duration-slow",
+      "--motion-duration-slower",
+      "--motion-ease-emphasized",
+      "--motion-ease-entrance",
+      "--motion-ease-linear",
+      "--motion-ease-spring",
+      "--motion-ease-standard"
+    ]
+  }
+}
+;
+
+export default _default;

package/tokens/registry.json.js

@@ -0,0 +1,8 @@
+const categories = { "colour": ["--color-action-icon-active", "--color-action-icon-default", "--color-action-passive-bg", "--color-action-passive-bg-active", "--color-action-passive-bg-hover", "--color-action-passive-text", "--color-action-primary-bg", "--color-action-primary-bg-active", "--color-action-primary-bg-hover", "--color-action-primary-border", "--color-action-primary-border-secondary", "--color-action-primary-border-tertiary", "--color-action-primary-text", "--color-action-primary-text-active", "--color-action-primary-text-secondary", "--color-action-primary-text-tertiary", "--color-bg-container-border", "--color-bg-container-inverse", "--color-bg-container-primary", "--color-bg-container-primary-semi", "--color-bg-container-primary-transparent", "--color-bg-container-secondary", "--color-bg-container-tertiary", "--color-bg-page-inverse", "--color-bg-page-primary", "--color-chart-contribution-0", "--color-chart-contribution-1", "--color-chart-contribution-2", "--color-chart-contribution-3", "--color-chart-contribution-4", "--color-control-thumb", "--color-core-accent-amber", "--color-core-accent-cobalt", "--color-core-accent-coral", "--color-core-accent-gold", "--color-core-accent-mint", "--color-core-accent-violet", "--color-core-ui-primary", "--color-core-ui-secondary", "--color-divider", "--color-icon-primary", "--color-icon-secondary", "--color-input-bg-disabled", "--color-input-bg-primary", "--color-input-border-disabled", "--color-input-border-hover", "--color-input-border-primary", "--color-input-border-selected", "--color-input-text-disabled", "--color-input-text-inverse", "--color-input-text-placeholder", "--color-input-text-primary", "--color-scrim", "--color-status-error-bg", "--color-status-error-border", "--color-status-error-text", "--color-status-info-bg", "--color-status-info-border", "--color-status-info-text", "--color-status-neutral-bg", "--color-status-neutral-border", "--color-status-neutral-text", "--color-status-positive-bg", "--color-status-positive-border", "--color-status-positive-text", "--color-status-warning-bg", "--color-status-warning-border", "--color-status-warning-text", "--color-text-inverse", "--color-text-on-inverse", "--color-text-primary", "--color-text-secondary", "--color-text-tertiary"], "typography": ["--font-display-1-family", "--font-display-1-letter-spacing", "--font-display-1-line-height", "--font-display-1-size", "--font-display-1-weight", "--font-display-2-family", "--font-display-2-letter-spacing", "--font-display-2-line-height", "--font-display-2-size", "--font-display-2-weight", "--font-family-primary", "--font-heading-1-family", "--font-heading-1-letter-spacing", "--font-heading-1-line-height", "--font-heading-1-size", "--font-heading-1-weight", "--font-heading-2-family", "--font-heading-2-letter-spacing", "--font-heading-2-line-height", "--font-heading-2-size", "--font-heading-2-weight", "--font-heading-3-family", "--font-heading-3-letter-spacing", "--font-heading-3-line-height", "--font-heading-3-size", "--font-heading-3-weight", "--font-mega-1-family", "--font-mega-1-letter-spacing", "--font-mega-1-line-height", "--font-mega-1-size", "--font-mega-1-weight", "--font-mega-2-family", "--font-mega-2-letter-spacing", "--font-mega-2-line-height", "--font-mega-2-size", "--font-mega-2-weight", "--font-paragraph-em-family", "--font-paragraph-em-letter-spacing", "--font-paragraph-em-line-height", "--font-paragraph-em-size", "--font-paragraph-em-weight", "--font-paragraph-family", "--font-paragraph-letter-spacing", "--font-paragraph-line-height", "--font-paragraph-size", "--font-paragraph-sm-em-family", "--font-paragraph-sm-em-letter-spacing", "--font-paragraph-sm-em-line-height", "--font-paragraph-sm-em-size", "--font-paragraph-sm-em-weight", "--font-paragraph-sm-family", "--font-paragraph-sm-letter-spacing", "--font-paragraph-sm-line-height", "--font-paragraph-sm-size", "--font-paragraph-sm-weight", "--font-paragraph-weight", "--font-sub-display-family", "--font-sub-display-letter-spacing", "--font-sub-display-line-height", "--font-sub-display-size", "--font-sub-display-weight", "--font-title-body-family", "--font-title-body-letter-spacing", "--font-title-body-line-height", "--font-title-body-size", "--font-title-body-weight"], "spacing": ["--gap-lg", "--gap-md", "--gap-sm", "--gap-sm-md", "--gap-xl", "--gap-xs", "--gap-xxs", "--padding-lg", "--padding-md", "--padding-sm", "--padding-sm-md", "--padding-xl", "--padding-xs", "--padding-xxs", "--padding-xxxs"], "radius": ["--radius-full", "--radius-lg", "--radius-md", "--radius-sm", "--radius-xl", "--radius-xs", "--radius-xxl", "--radius-xxs"], "border": ["--border-md", "--border-xs"], "shadow": ["--shadow-floating", "--shadow-modal"], "icons": ["--icon-size-lg", "--icon-size-md", "--icon-size-sm", "--icon-size-xl"], "motion": ["--motion-duration-base", "--motion-duration-deliberate", "--motion-duration-fast", "--motion-duration-loop-shimmer", "--motion-duration-loop-spin", "--motion-duration-slow", "--motion-duration-slower", "--motion-ease-emphasized", "--motion-ease-entrance", "--motion-ease-linear", "--motion-ease-spring", "--motion-ease-standard"] };
+const registry = {
+  categories
+};
+export {
+  categories,
+  registry as default
+};

package/tokens/tokens-dark.css

@@ -0,0 +1,119 @@
+/* ============================================
+   SEMANTIC TOKENS — DARK THEME
+   Applied when data-theme="dark" is set
+   Every value chains to tokens-primitives.css
+   (validated by scripts/validate-token-references.mjs)
+   ============================================ */
+
+[data-theme="dark"] {
+  /* Text */
+  --color-text-primary: var(--primitive-neutral-01);
+  --color-text-secondary: var(--primitive-neutral-03);
+  --color-text-tertiary: var(--primitive-neutral-04);
+  --color-text-inverse: var(--primitive-neutral-07);
+  --color-text-on-inverse: var(--primitive-neutral-09);
+
+  /* Icon */
+  --color-icon-primary: var(--primitive-neutral-02);
+  --color-icon-secondary: var(--primitive-neutral-04);
+
+  /* Background - Page */
+  --color-bg-page-primary: var(--primitive-neutral-10);
+  --color-bg-page-inverse: var(--primitive-neutral-01);
+
+  /* Background - Container */
+  --color-bg-container-primary: var(--primitive-neutral-09-semi);
+  --color-bg-container-primary-transparent: var(--primitive-neutral-09-transparent);
+  --color-bg-container-primary-semi: var(--primitive-neutral-09-semi-transparent);
+  --color-bg-container-secondary: var(--primitive-neutral-07);
+  --color-bg-container-tertiary: var(--primitive-neutral-08);
+  --color-bg-container-inverse: var(--primitive-neutral-01);
+  --color-bg-container-border: var(--primitive-neutral-08);
+
+  /* Divider */
+  --color-divider: var(--primitive-neutral-08-semi);
+
+  /* Overlay & controls */
+  --color-scrim: var(--primitive-true-black-strong);
+  --color-control-thumb: var(--primitive-neutral-01);
+
+  /* Elevation — stronger opacity so shadows read against the #050505 floor */
+  --shadow-floating: 0 4px 16px rgba(0, 0, 0, 0.55);
+  --shadow-modal: 0 8px 32px rgba(0, 0, 0, 0.6);
+
+  /* Action - Primary */
+  --color-action-primary-bg: var(--primitive-teal-07);
+  --color-action-primary-bg-hover: var(--primitive-teal-08);
+  --color-action-primary-bg-active: var(--primitive-teal-09);
+  --color-action-primary-text: var(--primitive-teal-02);
+  --color-action-primary-text-active: var(--primitive-neutral-01);
+  --color-action-primary-text-secondary: var(--primitive-teal-10);
+  --color-action-primary-text-tertiary: var(--primitive-teal-07);
+  --color-action-primary-border: var(--primitive-teal-09);
+  --color-action-primary-border-secondary: var(--primitive-teal-06);
+  --color-action-primary-border-tertiary: var(--primitive-teal-04);
+
+  /* Action - Icon */
+  --color-action-icon-default: var(--primitive-neutral-01);
+  --color-action-icon-active: var(--primitive-neutral-01);
+
+  /* Action - Passive (Secondary button) */
+  --color-action-passive-text: var(--primitive-neutral-01);
+  --color-action-passive-bg: var(--primitive-neutral-09-transparent);
+  --color-action-passive-bg-hover: var(--primitive-neutral-08-semi);
+  --color-action-passive-bg-active: var(--primitive-neutral-07-semi);
+
+  /* Status - Positive */
+  --color-status-positive-bg: var(--primitive-green-10);
+  --color-status-positive-border: var(--primitive-green-07);
+  --color-status-positive-text: var(--primitive-green-01);
+
+  /* Status - Warning */
+  --color-status-warning-bg: var(--primitive-orange-10);
+  --color-status-warning-border: var(--primitive-orange-07);
+  --color-status-warning-text: var(--primitive-orange-01);
+
+  /* Status - Error */
+  --color-status-error-bg: var(--primitive-red-10);
+  --color-status-error-border: var(--primitive-red-07);
+  --color-status-error-text: var(--primitive-red-01);
+
+  /* Status - Info */
+  --color-status-info-bg: var(--primitive-blue-10);
+  --color-status-info-border: var(--primitive-blue-07);
+  --color-status-info-text: var(--primitive-blue-01);
+
+  /* Status - Neutral */
+  --color-status-neutral-bg: var(--primitive-neutral-08);
+  --color-status-neutral-border: var(--primitive-neutral-06);
+  --color-status-neutral-text: var(--primitive-neutral-01);
+
+  /* Chart - Contribution heatmap ramp (level 0 = none → level 4 = most) */
+  --color-chart-contribution-0: var(--primitive-neutral-08);
+  --color-chart-contribution-1: var(--primitive-green-10);
+  --color-chart-contribution-2: var(--primitive-green-09);
+  --color-chart-contribution-3: var(--primitive-green-08);
+  --color-chart-contribution-4: var(--primitive-green-07);
+
+  /* Input */
+  --color-input-text-primary: var(--primitive-neutral-01);
+  --color-input-text-placeholder: var(--primitive-neutral-04);
+  --color-input-text-disabled: var(--primitive-neutral-07);
+  --color-input-text-inverse: var(--primitive-neutral-07);
+  --color-input-border-primary: var(--primitive-neutral-08);
+  --color-input-border-hover: var(--primitive-teal-09);
+  --color-input-border-selected: var(--primitive-teal-06);
+  --color-input-border-disabled: var(--primitive-neutral-08);
+  --color-input-bg-primary: var(--primitive-neutral-10);
+  --color-input-bg-disabled: var(--primitive-neutral-09);
+
+  /* Core colours */
+  --color-core-ui-primary: var(--primitive-teal-07);
+  --color-core-ui-secondary: var(--primitive-teal-09);
+  --color-core-accent-coral: var(--primitive-red-07);
+  --color-core-accent-violet: var(--primitive-purple-07);
+  --color-core-accent-cobalt: var(--primitive-blue-07);
+  --color-core-accent-amber: var(--primitive-orange-07);
+  --color-core-accent-gold: var(--primitive-yellow-07);
+  --color-core-accent-mint: var(--primitive-green-07);
+}