From 1be6992f339005b12cebfac492a6817978a521bc Mon Sep 17 00:00:00 2001
From: Saliq Nadeem Dar <saldar@nve.no>
Date: Thu, 21 May 2026 09:54:46 +0200
Subject: [PATCH 1/9] feat(nve-dialog): erstatter Shoelace med native
 dialog-element (#872)

* feat(nve-dialog): fjernet shoelace og bruker native dialog api

* feat(nve-dialog): fjernet tilbakekompatibilitet med SL funksjoner og fikset tester. Ikon vises i header

---------

Co-authored-by: Saliq Dar <saliq.dar+twoday@twoday.com>
---
 doc-site/components/nve-dialog.md             |   4 +-
 .../nve-dialog/nve-dialog-styles.ts           |  73 ------
 .../nve-dialog/nve-dialog.component.ts        | 229 +++++++++++++++---
 .../nve-dialog/nve-dialog.styles.ts           | 166 +++++++++++++
 src/components/nve-dialog/nve-dialog.test.ts  | 134 ++++++++++
 5 files changed, 494 insertions(+), 112 deletions(-)
 delete mode 100644 src/components/nve-dialog/nve-dialog-styles.ts
 create mode 100644 src/components/nve-dialog/nve-dialog.styles.ts
 create mode 100644 src/components/nve-dialog/nve-dialog.test.ts

diff --git a/doc-site/components/nve-dialog.md b/doc-site/components/nve-dialog.md
index 2eabe409..9d98515c 100644
--- a/doc-site/components/nve-dialog.md
+++ b/doc-site/components/nve-dialog.md
@@ -2,6 +2,8 @@
 layout: component
 ---
 
+Denne komponenten er basert på det native [`<dialog>`-elementet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) og bruker `showModal()` for å vise dialogen. Det betyr at du får innebygd fokus-felle, Escape-lukking og tilgjengelighet uten ekstra avhengigheter.
+
 <CodeExamplePreview>
 
 ```html
@@ -26,7 +28,7 @@ layout: component
 
 ### Label som eget spor
 
-Du kan legge overskriften inn et eget spor dersom du trenger mer kompleks styling eller struktur. Men merk at den fortsatt legges inn i en &lt;h2&gt;-tag
+Du kan legge overskriften inn et eget spor dersom du trenger mer kompleks styling eller struktur. Men merk at den fortsatt legges inn i en h2-tag
 
 <CodeExamplePreview>
 
diff --git a/src/components/nve-dialog/nve-dialog-styles.ts b/src/components/nve-dialog/nve-dialog-styles.ts
deleted file mode 100644
index 5b269c2f..00000000
--- a/src/components/nve-dialog/nve-dialog-styles.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { css } from 'lit';
-
-export default css`
-  :host {
-    --header-spacing: var(--spacing-x-large, 2rem);
-    --body-spacing: var(--spacing-x-large, 2rem);
-    --footer-spacing: var(--spacing-x-large, 2rem);
-    --width: 40.625rem;
-    --sl-panel-background-color: var(--color-neutrals-background-primary);
-    --sl-shadow-x-large: var(--box-shadow-dropdown);
-  }
-
-  :host::part(footer),
-  ::slotted([slot='footer']) {
-    display: flex;
-    text-align: left;
-    gap: 0.75rem;
-  }
-  :host::part(title),
-  ::slotted([slot='title']) {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    position: relative;
-    color: var(--color-neutrals-foreground-primary, #00131c);
-    font: var(--typography-heading-small);
-    line-height: 130%;
-    padding: var(--spacing-x-large, 2rem);
-  }
-
-  .dialog__title::before {
-    font-family: 'Material Symbols Sharp';
-    content: var(--title-icon);
-  }
-
-  .dialog__header-actions sl-icon-button,
-  .dialog__header-actions ::slotted(sl-icon-button) {
-    color: var(--color-neutrals-foreground-primary, #00131c);
-    font-family: Source Sans 3;
-    font-size: 1.3rem;
-    font-style: normal;
-    font-weight: bold;
-  }
-
-  :host::part(body),
-  ::slotted([slot='body']) {
-    color: var(--color-neutrals-foreground-primary, #00131c);
-    font: var(--typography-body-medium);
-    line-height: 150%;
-    padding: 0 var(--spacing-x-large, 2rem) 0 var(--spacing-x-large, 2rem);
-  }
-
-  .dialog__overlay {
-    background-color: rgba(13, 13, 14, 0.4);
-  }
-
-  .dialog__header-actions nve-button,
-  .dialog__header-actions ::slotted(nve-button) {
-    flex: 0 0 auto;
-    display: flex;
-    align-items: center;
-    font-size: var(--sl-font-size-medium);
-  }
-
-  .dialog:not(.dialog--has-footer) {
-    .dialog__body {
-      padding-bottom: var(--body-spacing);
-    }
-  }
-  :host::part(header-actions) {
-    fill: var(--color-neutrals-foreground-primary);
-  }
-`;
diff --git a/src/components/nve-dialog/nve-dialog.component.ts b/src/components/nve-dialog/nve-dialog.component.ts
index 29889ae8..1e0c2b14 100644
--- a/src/components/nve-dialog/nve-dialog.component.ts
+++ b/src/components/nve-dialog/nve-dialog.component.ts
@@ -1,64 +1,217 @@
-import SlDialog from '@shoelace-style/shoelace/dist/components/dialog/dialog.js';
-import { customElement, property } from 'lit/decorators.js';
-import styles from './nve-dialog-styles';
+import { LitElement, html, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { INveComponent } from '@interfaces/NveComponent.interface';
+import '../nve-icon/nve-icon.component';
+import styles from './nve-dialog.styles';
+
 /**
- * En dialogboks.
+ * En dialogboks som bruker native dialog-element.
  * Vil du ha ikon foran overskriften, bruk `icon`.
  * Skal det ikke være mulig å trykke utenfor for å lukke dialogen, bruk `disableBackground`.
  *
+ * Bruker native dialog-API:
+ * - `cancel`-event fra Escape-tasten (kan forhindres med `preventDefault()`)
+ * - `close`-event når dialogen lukkes (fra `dialog.close()`)
+ * - `showModal()` viser dialogen
+ *
  * @slot label - teksten som skal vises i overskriften. Eller du kan bruke label-attributtet
- * @slot body - hovedinnholdet
+ * @slot - hovedinnholdet (body)
  * @slot footer - feltet i bunnen hvor knappene er plassert
+ * @slot header-actions - valgfrie handlinger i headeren
+ *
+ * @event cancel - Når brukeren trykker Escape. Kan forhindres med `preventDefault()`
+ * @event close - Når dialogen lukkes (fra `dialog.close()`)
+ *
+ * @csspart base - Dialog-elementet
+ * @csspart overlay - Overlegget bak dialogen
+ * @csspart panel - Dialogens panel
+ * @csspart header - Headeren
+ * @csspart title - Tittelen
+ * @csspart header-actions - Header handlinger
+ * @csspart close-button - Lukk-knappen
+ * @csspart body - Innhold
+ * @csspart footer - Footer
+ *
+ * @cssproperty --width - Bredden på dialogen
+ * @cssproperty --header-spacing - Padding for headeren
+ * @cssproperty --body-spacing - Padding for innholdet
+ * @cssproperty --footer-spacing - Padding for footeren
  */
 @customElement('nve-dialog')
-export default class NveDialog extends SlDialog {
-  /**
-   * Ikonet som skal vises
-   */
+export default class NveDialog extends LitElement implements INveComponent {
+  @property({ reflect: true }) testId: string | undefined = undefined;
+  /** Ikonet som skal vises */
   @property({ type: String, reflect: true }) icon = '';
-  /**
-   * Hvis denne er satt, kan man ikke trykke utenfor dialogen for å lukke den.
-   */
+  /** Hvis denne er satt, kan man ikke trykke utenfor dialogen for å lukke den. */
   @property({ type: Boolean, reflect: true }) disableBackground = false;
+  /** Om dialogen er åpen. Kan settes som attributt eller via show()/hide(). */
+  @property({ type: Boolean, reflect: true }) open = false;
+  /** Teksten i overskriften */
+  @property({ reflect: true }) label = '';
+  /** Skjuler headeren. Sørg for at label fortsatt er satt for tilgjengelighet. */
+  @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;
 
-  constructor() {
-    super();
+  @query('dialog') private dialogEl!: HTMLDialogElement;
+  @query('.dialog__panel') private panelEl!: HTMLElement;
+  @query('.dialog__overlay') private overlayEl!: HTMLElement;
+
+  @state() private hasFooter = false;
+
+  private originalTrigger: HTMLElement | null = null;
+
+  firstUpdated() {
+    if (this.open) {
+      this.doOpen();
+    }
   }
 
-  /**
-   * Stjålet fra shoelace eksempel. Hindrer at man lukker dialogen ved å trykke utenfor
-   */
-  handleRequestClose(event: CustomEvent) {
-    if (this.disableBackground && event.detail.source === 'overlay') {
-      event.preventDefault();
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if (this.dialogEl?.open) {
+      this.dialogEl.close();
     }
   }
 
-  updated(changedProperties: Map<string | number | symbol, unknown>) {
+  updated(changedProperties: Map<PropertyKey, unknown>) {
     super.updated(changedProperties);
-    if (changedProperties.has('disableBackground')) {
-      this.addEventListener('sl-request-close', this.handleRequestClose);
+    if (changedProperties.has('open') && changedProperties.get('open') !== undefined) {
+      if (this.open) {
+        this.doOpen();
+      } else {
+        this.doClose();
+      }
+    }
+  }
+
+  /** Viser dialogen. */
+  async show() {
+    if (this.open) return;
+    this.open = true;
+  }
+
+  /** Skjuler dialogen. */
+  async hide() {
+    if (!this.open) return;
+    this.open = false;
+  }
+
+  private doOpen() {
+    if (!this.dialogEl || this.dialogEl.open) return;
+
+    this.originalTrigger = document.activeElement as HTMLElement;
+    this.dialogEl.showModal();
+
+    this.panelEl?.animate?.(
+      [
+        { opacity: 0, transform: 'scale(0.8)' },
+        { opacity: 1, transform: 'scale(1)' },
+      ],
+      { duration: 250, easing: 'ease', fill: 'forwards' }
+    );
+
+    this.overlayEl?.animate?.([{ opacity: 0 }, { opacity: 1 }], {
+      duration: 250,
+      easing: 'ease',
+      fill: 'forwards',
+    });
+  }
+
+  private async doClose() {
+    if (!this.dialogEl || !this.dialogEl.open) return;
+
+    const panelAnimation = this.panelEl?.animate?.(
+      [
+        { opacity: 1, transform: 'scale(1)' },
+        { opacity: 0, transform: 'scale(0.8)' },
+      ],
+      { duration: 250, easing: 'ease', fill: 'forwards' }
+    );
+
+    this.overlayEl?.animate?.([{ opacity: 1 }, { opacity: 0 }], {
+      duration: 250,
+      easing: 'ease',
+      fill: 'forwards',
+    });
+
+    if (panelAnimation) {
+      await panelAnimation.finished;
+    }
+
+    this.dialogEl.close();
+
+    if (typeof this.originalTrigger?.focus === 'function') {
+      setTimeout(() => this.originalTrigger!.focus());
     }
-    this.updateIcon();
   }
 
-  /**
-   * Oppdaterer ikonet som vises i dialogens tittel.
-   * Metoden søker først etter tittel-elementet i komponentens skygge-DOM.
-   * Hvis tittel-elementet finnes og `icon`-egenskapen er satt, oppdateres
-   * tittel-elementets stil for å inkludere det angitte ikonet.
-   * Hvis `icon`-egenskapen ikke er satt, settes ikoninnholdet til null
-   * for å unngå å skape unødvendig mellomrom i layouten.
-   */
-  updateIcon() {
-    const titleElement = this.shadowRoot?.querySelector('.dialog__title');
-    if (titleElement instanceof HTMLElement) {
-      const iconContent = this.icon ? `"${this.icon}"` : null;
-      titleElement.style.setProperty('--title-icon', iconContent);
+  /** Forhindrer native Escape-lukking slik at vi kan animere før lukking */
+  private handleCancel = (event: Event) => {
+    event.preventDefault();
+    this.hide();
+  };
+
+  /** Håndterer klikk på overlegget */
+  private handleOverlayClick = () => {
+    if (!this.disableBackground) {
+      this.hide();
     }
+  };
+
+  private handleFooterSlotChange = (event: Event) => {
+    const slot = event.target as HTMLSlotElement;
+    this.hasFooter = slot.assignedNodes({ flatten: true }).length > 0;
+  };
+
+  private renderHeader() {
+    if (this.noHeader) return nothing;
+
+    return html`
+      <header part="header" class="dialog__header">
+        <h2 part="title" class="dialog__title" id="title">
+          ${this.icon ? html`<nve-icon name=${this.icon} class="dialog__title-icon"></nve-icon>` : nothing}
+          <slot name="label"> ${this.label.length > 0 ? this.label : String.fromCharCode(65279)} </slot>
+        </h2>
+        <div part="header-actions" class="dialog__header-actions">
+          <slot name="header-actions"></slot>
+          <button part="close-button" class="dialog__close" aria-label="Lukk" @click=${() => this.hide()}>
+            <nve-icon name="close"></nve-icon>
+          </button>
+        </div>
+      </header>
+    `;
+  }
+
+  render() {
+    return html`
+      <dialog
+        part="base"
+        class=${classMap({
+          dialog: true,
+          'dialog--has-footer': this.hasFooter,
+        })}
+        aria-label=${this.noHeader ? this.label : nothing}
+        aria-labelledby=${!this.noHeader ? 'title' : nothing}
+        @cancel=${this.handleCancel}
+      >
+        <div part="overlay" class="dialog__overlay" @click=${this.handleOverlayClick} tabindex="-1"></div>
+
+        <div part="panel" class="dialog__panel" tabindex="-1">
+          ${this.renderHeader()}
+
+          <div part="body" class="dialog__body" tabindex="-1">
+            <slot></slot>
+          </div>
+
+          <footer part="footer" class="dialog__footer">
+            <slot name="footer" @slotchange=${this.handleFooterSlotChange}></slot>
+          </footer>
+        </div>
+      </dialog>
+    `;
   }
 
-  static styles = [SlDialog.styles, styles];
+  static styles = styles;
 }
 
 declare global {
diff --git a/src/components/nve-dialog/nve-dialog.styles.ts b/src/components/nve-dialog/nve-dialog.styles.ts
new file mode 100644
index 00000000..39bb3858
--- /dev/null
+++ b/src/components/nve-dialog/nve-dialog.styles.ts
@@ -0,0 +1,166 @@
+import { css } from 'lit';
+
+export default css`
+  :host {
+    --header-spacing: var(--spacing-x-large, 2rem);
+    --body-spacing: var(--spacing-x-large, 2rem);
+    --footer-spacing: var(--spacing-x-large, 2rem);
+    --width: 40.625rem;
+    display: contents;
+  }
+
+  /* Native dialog reset */
+  dialog {
+    padding: 0;
+    border: none;
+    background: transparent;
+    max-width: 100%;
+    max-height: 100%;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    overflow: visible;
+  }
+
+  /* Hide native backdrop - we use our own overlay */
+  dialog::backdrop {
+    background: transparent;
+  }
+
+  dialog[open] {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    inset: 0;
+    overscroll-behavior: contain;
+  }
+
+  .dialog__overlay {
+    position: fixed;
+    inset: 0;
+    background-color: rgba(13, 13, 14, 0.4);
+  }
+
+  .dialog__panel {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    width: var(--width);
+    max-width: calc(100% - 2rem);
+    max-height: calc(100% - 2rem);
+    background-color: var(--color-neutrals-background-primary, #fff);
+    border-radius: var(--sl-border-radius-medium, 0.25rem);
+    box-shadow: var(--box-shadow-dropdown);
+  }
+
+  .dialog__panel:focus {
+    outline: none;
+  }
+
+  @media screen and (max-width: 420px) {
+    .dialog__panel {
+      max-height: 80vh;
+    }
+  }
+
+  .dialog__header {
+    flex: 0 0 auto;
+    display: flex;
+  }
+
+  .dialog__title {
+    flex: 1 1 auto;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    position: relative;
+    color: var(--color-neutrals-foreground-primary, #00131c);
+    font: var(--typography-heading-small);
+    line-height: 130%;
+    padding: var(--header-spacing);
+    margin: 0;
+  }
+
+  .dialog__title-icon {
+    flex-shrink: 0;
+  }
+
+  .dialog__header-actions {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: end;
+    align-items: center;
+    gap: var(--sl-spacing-2x-small, 0.25rem);
+    padding: 0 var(--header-spacing);
+  }
+
+  .dialog__header-actions ::slotted(nve-button) {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    font-size: var(--sl-font-size-medium, 1rem);
+  }
+
+  .dialog__close {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    background: none;
+    cursor: pointer;
+    padding: 0.25rem;
+    color: var(--color-neutrals-foreground-primary, #00131c);
+    border-radius: var(--sl-border-radius-medium, 0.25rem);
+    font-size: 1.3rem;
+  }
+
+  .dialog__close:hover {
+    background-color: var(--color-neutrals-background-secondary, #f0f0f0);
+  }
+
+  .dialog__close:focus-visible {
+    outline: 2px solid var(--sl-focus-ring-color, #0066cc);
+    outline-offset: 2px;
+  }
+
+  .dialog__body {
+    flex: 1 1 auto;
+    display: block;
+    padding: 0 var(--body-spacing);
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    color: var(--color-neutrals-foreground-primary, #00131c);
+    font: var(--typography-body-medium);
+    line-height: 150%;
+  }
+
+  .dialog__body:focus {
+    outline: none;
+  }
+
+  .dialog__footer {
+    flex: 0 0 auto;
+    display: flex;
+    text-align: left;
+    gap: 0.75rem;
+    padding: var(--footer-spacing);
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__footer {
+    display: none;
+  }
+
+  .dialog:not(.dialog--has-footer) .dialog__body {
+    padding-bottom: var(--body-spacing);
+  }
+
+  @media (forced-colors: active) {
+    .dialog__panel {
+      border: solid 1px var(--sl-color-neutral-0, #fff);
+    }
+  }
+`;
diff --git a/src/components/nve-dialog/nve-dialog.test.ts b/src/components/nve-dialog/nve-dialog.test.ts
new file mode 100644
index 00000000..c9bc3bd5
--- /dev/null
+++ b/src/components/nve-dialog/nve-dialog.test.ts
@@ -0,0 +1,134 @@
+import { describe, it, expect, afterAll } from 'vitest';
+import { fixture, fixtureCleanup } from '@open-wc/testing';
+import { html } from 'lit';
+import NveDialog from './nve-dialog.component';
+
+if (!customElements.get('nve-dialog')) {
+  customElements.define('nve-dialog', NveDialog);
+}
+
+const nextFrame = () => new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+
+describe('nve-dialog', () => {
+  afterAll(() => fixtureCleanup());
+
+  it('has correct default properties', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog></nve-dialog>`);
+    expect(el.open).toBe(false);
+    expect(el.label).toBe('');
+    expect(el.icon).toBe('');
+    expect(el.disableBackground).toBe(false);
+    expect(el.noHeader).toBe(false);
+  });
+
+  it('renders a native dialog element', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    const dialog = el.shadowRoot?.querySelector('dialog');
+    expect(dialog).toBeTruthy();
+  });
+
+  it('renders header with label', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Overskrift"></nve-dialog>`);
+    const title = el.shadowRoot?.querySelector('.dialog__title');
+    expect(title?.textContent?.trim()).toBe('Overskrift');
+  });
+
+  it('hides header when no-header is set', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog no-header label="Hidden"></nve-dialog>`);
+    const header = el.shadowRoot?.querySelector('.dialog__header');
+    expect(header).toBeNull();
+  });
+
+  it('renders close button with nve-icon', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    const closeButton = el.shadowRoot?.querySelector('.dialog__close');
+    expect(closeButton).toBeTruthy();
+    const icon = closeButton?.querySelector('nve-icon');
+    expect(icon).toBeTruthy();
+    expect(icon?.getAttribute('name')).toBe('close');
+  });
+
+  it('opens dialog via show() method', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    await el.show();
+    await nextFrame();
+    expect(el.open).toBe(true);
+    const dialog = el.shadowRoot?.querySelector('dialog') as HTMLDialogElement;
+    expect(dialog?.open).toBe(true);
+  });
+
+  it('closes dialog via hide() method', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    await el.show();
+    await nextFrame();
+    await el.hide();
+    // Wait for close animation
+    await new Promise((r) => setTimeout(r, 300));
+    expect(el.open).toBe(false);
+  });
+
+  it('closes dialog when close button is clicked', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    await el.show();
+    await nextFrame();
+    const closeButton = el.shadowRoot?.querySelector('.dialog__close') as HTMLElement;
+    closeButton?.click();
+    await new Promise((r) => setTimeout(r, 300));
+    expect(el.open).toBe(false);
+  });
+
+  it('prevents overlay close when disableBackground is set', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test" disableBackground></nve-dialog>`);
+    await el.show();
+    await nextFrame();
+    const overlay = el.shadowRoot?.querySelector('.dialog__overlay') as HTMLElement;
+    overlay?.click();
+    await nextFrame();
+    expect(el.open).toBe(true);
+  });
+
+  it('closes on overlay click when disableBackground is not set', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    await el.show();
+    await nextFrame();
+    const overlay = el.shadowRoot?.querySelector('.dialog__overlay') as HTMLElement;
+    overlay?.click();
+    await new Promise((r) => setTimeout(r, 300));
+    expect(el.open).toBe(false);
+  });
+
+  it('renders slotted footer content', async () => {
+    const el = await fixture<NveDialog>(html`
+      <nve-dialog label="Test">
+        <div slot="footer">Footer content</div>
+      </nve-dialog>
+    `);
+    const footer = el.shadowRoot?.querySelector('.dialog__footer');
+    expect(footer).toBeTruthy();
+  });
+
+  it('sets aria-labelledby when header is visible', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    const dialog = el.shadowRoot?.querySelector('dialog');
+    expect(dialog?.getAttribute('aria-labelledby')).toBe('title');
+  });
+
+  it('sets aria-label when no-header is used', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog no-header label="Hidden label"></nve-dialog>`);
+    const dialog = el.shadowRoot?.querySelector('dialog');
+    expect(dialog?.getAttribute('aria-label')).toBe('Hidden label');
+  });
+
+  it('renders icon in title when icon property is set', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test" icon="info"></nve-dialog>`);
+    const icon = el.shadowRoot?.querySelector('.dialog__title-icon');
+    expect(icon).toBeTruthy();
+    expect(icon?.getAttribute('name')).toBe('info');
+  });
+
+  it('does not render icon in title when icon property is empty', async () => {
+    const el = await fixture<NveDialog>(html`<nve-dialog label="Test"></nve-dialog>`);
+    const icon = el.shadowRoot?.querySelector('.dialog__title-icon');
+    expect(icon).toBeNull();
+  });
+});

From 949e44ca5c946e6221943ca612b1f7a67b11c032 Mon Sep 17 00:00:00 2001
From: Saliq Nadeem Dar <saldar@nve.no>
Date: Fri, 5 Jun 2026 12:37:56 +0200
Subject: [PATCH 2/9] =?UTF-8?q?fix(nve-tooltip):=20Erstatter=20Shoelace-to?=
 =?UTF-8?q?oltip=20med=20egen=20tooltip=20basert=20p=C3=A5=20anchor=20api?=
 =?UTF-8?q?=20(#904)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix(tokens): sizing.brand.logo.medium har fått endret verdi (#853)

* fix(tokens): sizing.brand.logo.medium har fått endret verdi

* (tokens): oppdatert css basert på nye tokens

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* chore(ts): benytt rootDir i tsconfig da baseurl er deprecated (#858)

* Minor color adjustments (#850)

* neutrals.foreground.faint justert for dark-theme

* neutrals.foreground.faint (justert for dark-theme igjen)

* Lagt til: boolean.device.desktop-tablet-mobile

* Lagt til text tokens i brand

* Kun Configuration (Figma variables)

* Kun endring av text tokens

* feat(tokens): lagt til transparente farger for modal overlay

* fix(tokens): justering av opacity på 1 farge

* fix(tokens): Oppdaterte interactive-farger (samme som i main)

* (tokens): oppdatert css basert på nye tokens

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* fix(tokens): Added colors neutrals (#851)

* fix(tokens): ny farge color.neutrals.foreground.white
(fargen forblir hvit i darkmode)

* (tokens): oppdatert css basert på nye tokens

* fix(tokens): variables syncet mot tokens

* (tokens): oppdatert css basert på nye tokens

* css update

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: marcin <martin.joodd@gmail.com>

* style(navigation-card): sentrerer innhold vertikalt i kortet (#856)

* chore(pipelines): fjerne pull_request branch spesifikasjon på main bare. vi skal bygge test siden på alle PR-er (#864)

* fix(nve-carousel): Importer direkte fra komponentfil - ikke nve-designsystempakken (#865)

* fix(manifest): manifest bygges fra et lokalt script (#868)

update

Co-authored-by: Copilot <copilot@github.com>

* chore(deps): bump postcss (#870)

Bumps the security-updates group with 1 update in the / directory: [postcss](https://github.com/postcss/postcss).

Updates `postcss` from 8.5.8 to 8.5.12
- [Release notes](https://github.com/postcss/postcss/releases)
- [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md)
- [Commits](https://github.com/postcss/postcss/compare/8.5.8...8.5.12)

---
updated-dependencies:
- dependency-name: postcss
  dependency-version: 8.5.12
  dependency-type: indirect
  dependency-group: security-updates
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps): bump postcss from 8.5.1 to 8.5.12 in /doc-site (#869)

Bumps [postcss](https://github.com/postcss/postcss) from 8.5.1 to 8.5.12.
- [Release notes](https://github.com/postcss/postcss/releases)
- [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md)
- [Commits](https://github.com/postcss/postcss/compare/8.5.1...8.5.12)

---
updated-dependencies:
- dependency-name: postcss
  dependency-version: 8.5.12
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix(tokens): interactive colors har fått definerte fargeverdier... (#863)

* fix(tokens): interactive colors har fått definerte fargeverdier på disabled state (i stedet for å bruke opacity)

* (tokens): oppdatert css basert på nye tokens

* oppdatert deaktiverte farger i en knapp

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: marcin <martin.joodd@gmail.com>

* chore(deps): bump the version-updates group across 1 directory with 10 updates (#862)

Bumps the version-updates group with 9 updates in the / directory:

| Package | From | To |
| --- | --- | --- |
| [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin) | `8.58.2` | `8.59.1` |
| [eslint](https://github.com/eslint/eslint) | `10.2.0` | `10.2.1` |
| [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) | `10.8.0` | `10.9.0` |
| [ora](https://github.com/sindresorhus/ora) | `9.3.0` | `9.4.0` |
| [prettier](https://github.com/prettier/prettier) | `3.8.2` | `3.8.3` |
| [typescript](https://github.com/microsoft/TypeScript) | `6.0.2` | `6.0.3` |
| [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) | `8.0.8` | `8.0.10` |
| [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest) | `4.1.4` | `4.1.5` |
| [@rollup/rollup-linux-x64-gnu](https://github.com/rollup/rollup) | `4.60.1` | `4.60.2` |

Updates `@typescript-eslint/eslint-plugin` from 8.58.2 to 8.59.1
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.59.1/packages/eslint-plugin)

Updates `@typescript-eslint/parser` from 8.58.2 to 8.59.1
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.59.1/packages/parser)

Updates `eslint` from 10.2.0 to 10.2.1
- [Release notes](https://github.com/eslint/eslint/releases)
- [Commits](https://github.com/eslint/eslint/compare/v10.2.0...v10.2.1)

Updates `eslint-plugin-vue` from 10.8.0 to 10.9.0
- [Release notes](https://github.com/vuejs/eslint-plugin-vue/releases)
- [Changelog](https://github.com/vuejs/eslint-plugin-vue/blob/master/CHANGELOG.md)
- [Commits](https://github.com/vuejs/eslint-plugin-vue/compare/v10.8.0...v10.9.0)

Updates `ora` from 9.3.0 to 9.4.0
- [Release notes](https://github.com/sindresorhus/ora/releases)
- [Commits](https://github.com/sindresorhus/ora/compare/v9.3.0...v9.4.0)

Updates `prettier` from 3.8.2 to 3.8.3
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md)
- [Commits](https://github.com/prettier/prettier/compare/3.8.2...3.8.3)

Updates `typescript` from 6.0.2 to 6.0.3
- [Release notes](https://github.com/microsoft/TypeScript/releases)
- [Commits](https://github.com/microsoft/TypeScript/compare/v6.0.2...v6.0.3)

Updates `vite` from 8.0.8 to 8.0.10
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v8.0.10/packages/vite)

Updates `vitest` from 4.1.4 to 4.1.5
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Commits](https://github.com/vitest-dev/vitest/commits/v4.1.5/packages/vitest)

Updates `@rollup/rollup-linux-x64-gnu` from 4.60.1 to 4.60.2
- [Release notes](https://github.com/rollup/rollup/releases)
- [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md)
- [Commits](https://github.com/rollup/rollup/compare/v4.60.1...v4.60.2)

---
updated-dependencies:
- dependency-name: "@rollup/rollup-linux-x64-gnu"
  dependency-version: 4.60.2
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: "@typescript-eslint/eslint-plugin"
  dependency-version: 8.59.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: version-updates
- dependency-name: "@typescript-eslint/parser"
  dependency-version: 8.59.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: version-updates
- dependency-name: eslint
  dependency-version: 10.2.1
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: eslint-plugin-vue
  dependency-version: 10.9.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: version-updates
- dependency-name: ora
  dependency-version: 9.4.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: version-updates
- dependency-name: prettier
  dependency-version: 3.8.3
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: typescript
  dependency-version: 6.0.3
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: vite
  dependency-version: 8.0.9
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: vitest
  dependency-version: 4.1.5
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps): bump the version-updates group across 1 directory with 5 updates (#876)

Bumps the version-updates group with 4 updates in the / directory: [@typescript-eslint/eslint-plugin](https://github.com/typescript-eslint/typescript-eslint/tree/HEAD/packages/eslint-plugin), [eslint](https://github.com/eslint/eslint), [vite-plugin-dts](https://github.com/qmhc/unplugin-dts/tree/HEAD/packages/vite-plugin-dts) and [@rollup/rollup-linux-x64-gnu](https://github.com/rollup/rollup).

Updates `@typescript-eslint/eslint-plugin` from 8.59.1 to 8.59.2
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/eslint-plugin/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.59.2/packages/eslint-plugin)

Updates `@typescript-eslint/parser` from 8.59.1 to 8.59.2
- [Release notes](https://github.com/typescript-eslint/typescript-eslint/releases)
- [Changelog](https://github.com/typescript-eslint/typescript-eslint/blob/main/packages/parser/CHANGELOG.md)
- [Commits](https://github.com/typescript-eslint/typescript-eslint/commits/v8.59.2/packages/parser)

Updates `eslint` from 10.2.1 to 10.3.0
- [Release notes](https://github.com/eslint/eslint/releases)
- [Commits](https://github.com/eslint/eslint/compare/v10.2.1...v10.3.0)

Updates `vite-plugin-dts` from 4.5.4 to 5.0.0
- [Release notes](https://github.com/qmhc/unplugin-dts/releases)
- [Changelog](https://github.com/qmhc/unplugin-dts/blob/main/packages/vite-plugin-dts/CHANGELOG.md)
- [Commits](https://github.com/qmhc/unplugin-dts/commits/vite-plugin-dts@5.0.0/packages/vite-plugin-dts)

Updates `@rollup/rollup-linux-x64-gnu` from 4.60.2 to 4.60.3
- [Release notes](https://github.com/rollup/rollup/releases)
- [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md)
- [Commits](https://github.com/rollup/rollup/compare/v4.60.2...v4.60.3)

---
updated-dependencies:
- dependency-name: "@typescript-eslint/eslint-plugin"
  dependency-version: 8.59.2
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: "@typescript-eslint/parser"
  dependency-version: 8.59.2
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: eslint
  dependency-version: 10.3.0
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: version-updates
- dependency-name: vite-plugin-dts
  dependency-version: 5.0.0
  dependency-type: direct:development
  update-type: version-update:semver-major
  dependency-group: version-updates
- dependency-name: "@rollup/rollup-linux-x64-gnu"
  dependency-version: 4.60.3
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: version-updates
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* feat(textarea): Mulighet å legge hjelpetekst over inndatafeltet i textarea-komponenten (#857)

* feat(textarea): Legge til help text position property

* docs(textarea): Spesifisere default posisjon for help text i komponentens docsite

* feat(nve-textarea): differentiate "helpText" and "hint"; update doc page

* chore(deps-dev): bump fast-uri (#880)

Bumps the security-updates group with 1 update in the / directory: [fast-uri](https://github.com/fastify/fast-uri).

Updates `fast-uri` from 3.0.6 to 3.1.2
- [Release notes](https://github.com/fastify/fast-uri/releases)
- [Commits](https://github.com/fastify/fast-uri/compare/v3.0.6...v3.1.2)

---
updated-dependencies:
- dependency-name: fast-uri
  dependency-version: 3.1.2
  dependency-type: indirect
  dependency-group: security-updates
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps-dev): bump the version-updates group across 1 directory with 7 updates (#881)

Bumps the version-updates group with 7 updates in the / directory:

| Package | From | To |
| --- | --- | --- |
| [@semantic-release/github](https://github.com/semantic-release/github) | `12.0.6` | `12.0.8` |
| [cpy](https://github.com/sindresorhus/cpy) | `13.2.1` | `13.2.2` |
| [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue) | `10.9.0` | `10.9.1` |
| [fs-extra](https://github.com/jprichardson/node-fs-extra) | `11.3.4` | `11.3.5` |
| [react](https://github.com/facebook/react/tree/HEAD/packages/react) | `19.2.5` | `19.2.6` |
| [react-dom](https://github.com/facebook/react/tree/HEAD/packages/react-dom) | `19.2.5` | `19.2.6` |
| [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) | `8.0.10` | `8.0.11` |

Updates `@semantic-release/github` from 12.0.6 to 12.0.8
- [Release notes](https://github.com/semantic-release/github/releases)
- [Commits](https://github.com/semantic-release/github/compare/v12.0.6...v12.0.8)

Updates `cpy` from 13.2.1 to 13.2.2
- [Release notes](https://github.com/sindresorhus/cpy/releases)
- [Commits](https://github.com/sindresorhus/cpy/compare/v13.2.1...v13.2.2)

Updates `eslint-plugin-vue` from 10.9.0 to 10.9.1
- [Release notes](https://github.com/vuejs/eslint-plugin-vue/releases)
- [Changelog](https://github.com/vuejs/eslint-plugin-vue/blob/master/CHANGELOG.md)
- [Commits](https://github.com/vuejs/eslint-plugin-vue/compare/v10.9.0...v10.9.1)

Updates `fs-extra` from 11.3.4 to 11.3.5
- [Changelog](https://github.com/jprichardson/node-fs-extra/blob/master/CHANGELOG.md)
- [Commits](https://github.com/jprichardson/node-fs-extra/compare/11.3.4...11.3.5)

Updates `react` from 19.2.5 to 19.2.6
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/v19.2.6/packages/react)

Updates `react-dom` from 19.2.5 to 19.2.6
- [Release notes](https://github.com/facebook/react/releases)
- [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md)
- [Commits](https://github.com/facebook/react/commits/v19.2.6/packages/react-dom)

Updates `vite` from 8.0.10 to 8.0.11
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v8.0.11/packages/vite)

---
updated-dependencies:
- dependency-name: "@semantic-release/github"
  dependency-version: 12.0.8
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: cpy
  dependency-version: 13.2.2
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: eslint-plugin-vue
  dependency-version: 10.9.1
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: fs-extra
  dependency-version: 11.3.5
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: react
  dependency-version: 19.2.6
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: react-dom
  dependency-version: 19.2.6
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
- dependency-name: vite
  dependency-version: 8.0.11
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: version-updates
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* feat(tokens): Nye spacing tokens i dimension (brand) og device (fixed-spacing) (#882)

* feat(tokens): Nye spacing tokens i dimension (brand) og device (fixed-spacing)

* feat(tokens): Lagt til flere interactive colors (tertiary)

* (tokens): oppdatert css basert på nye tokens

* fix(tokens): kun figma sync mot variables

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

* fix(chore): oppgradere pakker (#884)

asd

* fix(frontify-lenke): byttet ut død/ugyldig lenke i profil og primitiver (#887)

* feat(typography): Initielt oppsett av nve-heading og nve-paragraph (#832)

* feat(typography): Initielt oppsett av nve-heading og nve-paragraph

* docs(typography): legger til tester og oppdaterer dokumentasjon for nve-heading og nve-paragraph

* fix(docs): fikser død lenke i nve-heading dokumentasjon

* chore(deps): bump brace-expansion from 5.0.5 to 5.0.6 in /doc-site (#894)

Bumps [brace-expansion](https://github.com/juliangruber/brace-expansion) from 5.0.5 to 5.0.6.
- [Release notes](https://github.com/juliangruber/brace-expansion/releases)
- [Commits](https://github.com/juliangruber/brace-expansion/compare/v5.0.5...v5.0.6)

---
updated-dependencies:
- dependency-name: brace-expansion
  dependency-version: 5.0.6
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps): bump qs in the security-updates group across 1 directory (#899)

Bumps the security-updates group with 1 update in the / directory: [qs](https://github.com/ljharb/qs).

Updates `qs` from 6.15.0 to 6.15.2
- [Changelog](https://github.com/ljharb/qs/blob/main/CHANGELOG.md)
- [Commits](https://github.com/ljharb/qs/compare/v6.15.0...v6.15.2)

---
updated-dependencies:
- dependency-name: qs
  dependency-version: 6.15.2
  dependency-type: indirect
  dependency-group: security-updates
...

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* fix(nve-tooltip): erstatter Shoelace-tooltip med egen tooltip basert på anchor api

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Frode Kolstad <frokol@nve.no>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: Antonio Johansen Cubedo <anjocu@nve.no>
Co-authored-by: marcin <martin.joodd@gmail.com>
Co-authored-by: Ole Martin Borge <olmabo@nve.no>
Co-authored-by: Marcin Janecki <42612597+amish1188@users.noreply.github.com>
Co-authored-by: Copilot <copilot@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: malingranlynve <maog@nve.no>
Co-authored-by: Saliq Dar <saliq.dar+twoday@twoday.com>
---
 doc-site/components/nve-tooltip.md            |  22 +
 .../nve-tooltip/nve-tooltip.component.ts      | 568 +++++++++++++++++-
 .../nve-tooltip/nve-tooltip.styles.ts         | 125 +++-
 .../nve-tooltip/nve-tooltip.test.ts           |  96 +++
 tokens/$themes.json                           |   2 +-
 5 files changed, 795 insertions(+), 18 deletions(-)
 create mode 100644 src/components/nve-tooltip/nve-tooltip.test.ts

diff --git a/doc-site/components/nve-tooltip.md b/doc-site/components/nve-tooltip.md
index 24bb0515..1855d43d 100644
--- a/doc-site/components/nve-tooltip.md
+++ b/doc-site/components/nve-tooltip.md
@@ -122,6 +122,28 @@ Du kan også bruke ulike `trigger` for å si når tooltip skal åpnes
 
 </CodeExamplePreview >
 
+### Programmatisk styring
+
+Tooltipen kan styres programmatisk med metodene `show()`, `hide()` og `toggle()`.
+
+- Bruk `trigger="manual"` hvis åpen/lukket tilstand skal styres utenfra.
+- Komponenten sender eventene `show` og `hide` når tilstanden endres.
+
+```html
+<nve-tooltip id="min-tooltip" trigger="manual" content="Styrt utenfra">
+  <nve-button>Vis tooltip</nve-button>
+</nve-tooltip>
+
+<script>
+  const tooltip = document.getElementById('min-tooltip');
+
+  tooltip.show();
+  tooltip.addEventListener('hide', () => {
+    console.log('Tooltip ble skjult');
+  });
+</script>
+```
+
 ### Innhold i tooltip
 
 Du kan bruke `content`-slotten dersom du vil ha mer enn enkel tekst i tooltip. Innholdet kan være HTML og bør være kort og lett å lese. Tooltipen må ikke inneholde interaktive elementer som knapper, lenker eller liknende.
diff --git a/src/components/nve-tooltip/nve-tooltip.component.ts b/src/components/nve-tooltip/nve-tooltip.component.ts
index e3ad5418..6678bc70 100644
--- a/src/components/nve-tooltip/nve-tooltip.component.ts
+++ b/src/components/nve-tooltip/nve-tooltip.component.ts
@@ -1,23 +1,577 @@
-import SlTooltip from '@shoelace-style/shoelace/dist/components/tooltip/tooltip.js';
-import { customElement, property } from 'lit/decorators.js';
+import { html, LitElement, PropertyValues } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { HasSlotController } from '../../utils/slot';
 import '../nve-icon/nve-icon.component';
 import styles from './nve-tooltip.styles';
 
+type TooltipPlacement =
+  | 'top'
+  | 'top-start'
+  | 'top-end'
+  | 'right'
+  | 'right-start'
+  | 'right-end'
+  | 'bottom'
+  | 'bottom-start'
+  | 'bottom-end'
+  | 'left'
+  | 'left-start'
+  | 'left-end';
+
 /**
  * Et verktøyhint. Kan åpnes og lukkes programmatisk eller automatisk med ulike hendelser. Kan ha ulik farge og metning.
  *
  */
 @customElement('nve-tooltip')
-export default class NveTooltip extends SlTooltip {
-  constructor() {
-    super();
-  }
+export default class NveTooltip extends LitElement {
+  private static readonly anchorSupported =
+    typeof CSS !== 'undefined' &&
+    CSS.supports('anchor-name: --nve-tooltip-anchor') &&
+    CSS.supports('position-anchor: --nve-tooltip-anchor');
+
+  private readonly hasSlotController = new HasSlotController(this, 'content');
+
+  private readonly tooltipId = `nve-tooltip-${Math.random().toString(36).slice(2, 10)}`;
+
+  private hoverOpen = false;
+
+  private focusOpen = false;
+
+  private clickOpen = false;
+
+  @query('.tooltip__popup') private tooltipElement?: HTMLElement;
+
+  @query('.tooltip__trigger') private triggerElement?: HTMLElement;
+
+  @query('slot:not([name])') private defaultSlot?: HTMLSlotElement;
+
+  @state() private currentPlacement: TooltipPlacement = 'top';
+
+  @state() private fallbackPosition: { left: string; top: string } = { left: '0px', top: '0px' };
+
+  /** Enkel tekst som vises i tooltip dersom content-slot ikke brukes */
+  @property() content = '';
+
+  /** Om tooltipen er åpen. Bruk sammen med trigger="manual" for styring utenfra. */
+  @property({ type: Boolean, reflect: true }) open = false;
+
+  /** Hvordan tooltipen skal åpnes. Støtter hover, focus, click og manual. */
+  @property({ reflect: true }) trigger = 'hover focus';
+
+  /** Foretrukket plassering av tooltipen. */
+  @property({ reflect: true }) placement: TooltipPlacement = 'top';
+
+  /** Avstand mellom trigger og tooltip. */
+  @property({ type: Number }) distance = 8;
+
   /** Variant, bestemmer fargen på tag */
   @property({ reflect: true }) variant: 'neutral' | 'success' | 'info' | 'warning' | 'error' = 'neutral';
+
   /** Saturation - Hvor mettet fargen på tooltip er */
   @property({ reflect: true }) saturation: 'emphasized' | 'subtle' | 'default' = 'emphasized';
 
-  static styles = [SlTooltip.styles, styles];
+  static styles = [styles];
+
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener('click', this.handleClick);
+    this.addEventListener('focusin', this.handleFocusIn);
+    this.addEventListener('focusout', this.handleFocusOut);
+    this.addEventListener('pointerover', this.handlePointerOver);
+    this.addEventListener('pointerout', this.handlePointerOut);
+    document.addEventListener('pointerdown', this.handleDocumentPointerDown, true);
+    document.addEventListener('keydown', this.handleDocumentKeyDown, true);
+    window.addEventListener('resize', this.handleViewportChange);
+    window.addEventListener('scroll', this.handleViewportChange, true);
+  }
+
+  disconnectedCallback() {
+    this.syncTriggerAccessibility(false);
+    this.removeEventListener('click', this.handleClick);
+    this.removeEventListener('focusin', this.handleFocusIn);
+    this.removeEventListener('focusout', this.handleFocusOut);
+    this.removeEventListener('pointerover', this.handlePointerOver);
+    this.removeEventListener('pointerout', this.handlePointerOut);
+    document.removeEventListener('pointerdown', this.handleDocumentPointerDown, true);
+    document.removeEventListener('keydown', this.handleDocumentKeyDown, true);
+    window.removeEventListener('resize', this.handleViewportChange);
+    window.removeEventListener('scroll', this.handleViewportChange, true);
+    super.disconnectedCallback();
+  }
+
+  firstUpdated() {
+    this.currentPlacement = this.placement;
+    this.syncTriggerAccessibility();
+  }
+
+  protected willUpdate(changedProperties: PropertyValues<this>) {
+    if (changedProperties.has('trigger') && this.hasTrigger('manual')) {
+      this.hoverOpen = false;
+      this.focusOpen = false;
+      this.clickOpen = false;
+    }
+
+    if (!this.hasTooltipContent && this.open) {
+      this.hoverOpen = false;
+      this.focusOpen = false;
+      this.clickOpen = false;
+      this.open = false;
+    }
+  }
+
+  protected updated(changedProperties: PropertyValues<this>) {
+    if (changedProperties.has('open') && changedProperties.get('open') !== undefined) {
+      this.dispatchEvent(
+        new CustomEvent(this.open ? 'show' : 'hide', {
+          bubbles: true,
+          composed: true,
+        })
+      );
+    }
+
+    if (changedProperties.has('content') || changedProperties.has('open')) {
+      this.syncTriggerAccessibility();
+    }
+
+    if (changedProperties.has('placement') && !NveTooltip.anchorSupported) {
+      this.updateTooltipPosition();
+    }
+
+    if (
+      this.open &&
+      (changedProperties.has('open') ||
+        changedProperties.has('placement') ||
+        changedProperties.has('content') ||
+        changedProperties.has('distance'))
+    ) {
+      this.updateTooltipPosition();
+    }
+  }
+
+  async show() {
+    if (this.hasTrigger('manual')) {
+      this.open = true;
+    } else {
+      this.clickOpen = true;
+      this.syncOpenState();
+    }
+    await this.updateComplete;
+  }
+
+  async hide() {
+    this.hoverOpen = false;
+    this.focusOpen = false;
+    this.clickOpen = false;
+    this.open = false;
+    await this.updateComplete;
+  }
+
+  async toggle() {
+    if (this.open) {
+      await this.hide();
+      return;
+    }
+    await this.show();
+  }
+
+  private get hasTooltipContent() {
+    return this.hasSlotController.test('content') || this.content.trim().length > 0;
+  }
+
+  private hasTrigger(name: 'hover' | 'focus' | 'click' | 'manual') {
+    return this.trigger.split(/\s+/).includes(name);
+  }
+
+  private syncOpenState() {
+    if (this.hasTrigger('manual')) {
+      return;
+    }
+
+    const nextOpen = this.hasTooltipContent && (this.hoverOpen || this.focusOpen || this.clickOpen);
+    if (this.open !== nextOpen) {
+      this.open = nextOpen;
+    }
+  }
+
+  private async updateTooltipPosition() {
+    await this.updateComplete;
+
+    if (!this.open || !this.tooltipElement || !this.triggerElement) {
+      return;
+    }
+
+    if (NveTooltip.anchorSupported) {
+      this.currentPlacement = this.placement;
+      return;
+    }
+
+    const triggerRect = this.triggerElement.getBoundingClientRect();
+    const tooltipRect = this.tooltipElement.getBoundingClientRect();
+    const hostRect = this.getBoundingClientRect();
+    const placements = this.getPlacementCandidates(this.placement);
+
+    let bestPlacement = this.placement;
+    let bestPosition = { left: 0, top: 0 };
+    let bestScore = Number.POSITIVE_INFINITY;
+
+    for (const placement of placements) {
+      const candidate = this.calculatePosition(placement, triggerRect, tooltipRect);
+      const overflowScore = this.getOverflowScore(candidate.left, candidate.top, tooltipRect);
+
+      if (overflowScore < bestScore) {
+        bestScore = overflowScore;
+        bestPlacement = placement;
+        bestPosition = {
+          left: candidate.left - hostRect.left,
+          top: candidate.top - hostRect.top,
+        };
+      }
+
+      if (overflowScore === 0) {
+        break;
+      }
+    }
+
+    this.currentPlacement = bestPlacement;
+    this.fallbackPosition = {
+      left: `${Math.round(bestPosition.left)}px`,
+      top: `${Math.round(bestPosition.top)}px`,
+    };
+  }
+
+  private calculatePosition(
+    placement: TooltipPlacement,
+    triggerRect: DOMRect,
+    tooltipRect: DOMRect
+  ): { left: number; top: number } {
+    const gap = this.distance;
+    const { left, right, top, bottom, width, height } = triggerRect;
+    const tooltipWidth = tooltipRect.width;
+    const tooltipHeight = tooltipRect.height;
+
+    switch (placement) {
+      case 'top-start':
+        return { left, top: top - tooltipHeight - gap };
+      case 'top-end':
+        return { left: right - tooltipWidth, top: top - tooltipHeight - gap };
+      case 'top':
+        return { left: left + width / 2 - tooltipWidth / 2, top: top - tooltipHeight - gap };
+      case 'bottom-start':
+        return { left, top: bottom + gap };
+      case 'bottom-end':
+        return { left: right - tooltipWidth, top: bottom + gap };
+      case 'bottom':
+        return { left: left + width / 2 - tooltipWidth / 2, top: bottom + gap };
+      case 'left-start':
+        return { left: left - tooltipWidth - gap, top };
+      case 'left-end':
+        return { left: left - tooltipWidth - gap, top: bottom - tooltipHeight };
+      case 'left':
+        return { left: left - tooltipWidth - gap, top: top + height / 2 - tooltipHeight / 2 };
+      case 'right-start':
+        return { left: right + gap, top };
+      case 'right-end':
+        return { left: right + gap, top: bottom - tooltipHeight };
+      case 'right':
+      default:
+        return { left: right + gap, top: top + height / 2 - tooltipHeight / 2 };
+    }
+  }
+
+  private getPlacementCandidates(placement: TooltipPlacement): TooltipPlacement[] {
+    const candidates = new Set<TooltipPlacement>([placement]);
+    const [side, align] = placement.split('-') as [string, string | undefined];
+    const oppositeSideMap: Record<string, string> = {
+      top: 'bottom',
+      bottom: 'top',
+      left: 'right',
+      right: 'left',
+    };
+
+    const oppositeSide = oppositeSideMap[side];
+    const oppositePlacement = (align ? `${oppositeSide}-${align}` : oppositeSide) as TooltipPlacement;
+    candidates.add(oppositePlacement);
+
+    if (side === 'top' || side === 'bottom') {
+      candidates.add((align ? `${side}-${align === 'start' ? 'end' : 'start'}` : side) as TooltipPlacement);
+      candidates.add('right');
+      candidates.add('left');
+    } else {
+      candidates.add((align ? `${side}-${align === 'start' ? 'end' : 'start'}` : side) as TooltipPlacement);
+      candidates.add('top');
+      candidates.add('bottom');
+    }
+
+    return [...candidates];
+  }
+
+  private getOverflowScore(left: number, top: number, tooltipRect: DOMRect) {
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const rightOverflow = Math.max(0, left + tooltipRect.width - viewportWidth);
+    const leftOverflow = Math.max(0, -left);
+    const bottomOverflow = Math.max(0, top + tooltipRect.height - viewportHeight);
+    const topOverflow = Math.max(0, -top);
+
+    return rightOverflow + leftOverflow + bottomOverflow + topOverflow;
+  }
+
+  private getAnchorBaseStyle() {
+    return {
+      'position-anchor': '--nve-tooltip-anchor',
+      '--_tooltip-distance': `${this.distance}px`,
+    };
+  }
+
+  private getAnchorPlacementStyle(): Record<string, string> {
+    const placementStyles: Record<TooltipPlacement, Record<string, string>> = {
+      top: {
+        left: 'anchor(center)',
+        top: 'calc(anchor(top) - var(--_tooltip-distance))',
+        translate: '-50% -100%',
+      },
+      'top-start': { left: 'anchor(left)', top: 'calc(anchor(top) - var(--_tooltip-distance))', translate: '0 -100%' },
+      'top-end': {
+        left: 'anchor(right)',
+        top: 'calc(anchor(top) - var(--_tooltip-distance))',
+        translate: '-100% -100%',
+      },
+      bottom: {
+        left: 'anchor(center)',
+        top: 'calc(anchor(bottom) + var(--_tooltip-distance))',
+        translate: '-50% 0',
+      },
+      'bottom-start': {
+        left: 'anchor(left)',
+        top: 'calc(anchor(bottom) + var(--_tooltip-distance))',
+        translate: '0 0',
+      },
+      'bottom-end': {
+        left: 'anchor(right)',
+        top: 'calc(anchor(bottom) + var(--_tooltip-distance))',
+        translate: '-100% 0',
+      },
+      left: {
+        left: 'calc(anchor(left) - var(--_tooltip-distance))',
+        top: 'anchor(center)',
+        translate: '-100% -50%',
+      },
+      'left-start': {
+        left: 'calc(anchor(left) - var(--_tooltip-distance))',
+        top: 'anchor(top)',
+        translate: '-100% 0',
+      },
+      'left-end': {
+        left: 'calc(anchor(left) - var(--_tooltip-distance))',
+        top: 'anchor(bottom)',
+        translate: '-100% -100%',
+      },
+      right: {
+        left: 'calc(anchor(right) + var(--_tooltip-distance))',
+        top: 'anchor(center)',
+        translate: '0 -50%',
+      },
+      'right-start': {
+        left: 'calc(anchor(right) + var(--_tooltip-distance))',
+        top: 'anchor(top)',
+        translate: '0 0',
+      },
+      'right-end': {
+        left: 'calc(anchor(right) + var(--_tooltip-distance))',
+        top: 'anchor(bottom)',
+        translate: '0 -100%',
+      },
+    };
+
+    return placementStyles[this.placement];
+  }
+
+  private getAnchorStyle() {
+    return {
+      ...this.getAnchorBaseStyle(),
+      ...this.getAnchorPlacementStyle(),
+    };
+  }
+
+  private getSharedTooltipStyle() {
+    return {
+      '--_tooltip-distance': `${this.distance}px`,
+    };
+  }
+
+  private getTooltipStyle() {
+    if (NveTooltip.anchorSupported) {
+      return {
+        ...this.getSharedTooltipStyle(),
+        ...this.getAnchorStyle(),
+      };
+    }
+
+    return {
+      ...this.getSharedTooltipStyle(),
+      left: this.fallbackPosition.left,
+      top: this.fallbackPosition.top,
+    };
+  }
+
+  private handleTriggerSlotChange = () => {
+    this.syncTriggerAccessibility();
+    if (this.open) {
+      this.updateTooltipPosition();
+    }
+  };
+
+  private handleContentSlotChange = () => {
+    this.requestUpdate();
+    this.syncTriggerAccessibility();
+    if (this.open) {
+      this.updateTooltipPosition();
+    }
+  };
+
+  private handlePointerOver = () => {
+    if (!this.hasTrigger('hover')) {
+      return;
+    }
+
+    this.hoverOpen = true;
+    this.syncOpenState();
+  };
+
+  private handlePointerOut = (event: PointerEvent) => {
+    if (!this.hasTrigger('hover')) {
+      return;
+    }
+
+    const nextTarget = event.relatedTarget as Node | null;
+    if (nextTarget && (this.contains(nextTarget) || this.shadowRoot?.contains(nextTarget))) {
+      return;
+    }
+
+    this.hoverOpen = false;
+    this.syncOpenState();
+  };
+
+  private handleFocusIn = () => {
+    if (!this.hasTrigger('focus')) {
+      return;
+    }
+
+    this.focusOpen = true;
+    this.syncOpenState();
+  };
+
+  private handleFocusOut = (event: FocusEvent) => {
+    if (!this.hasTrigger('focus')) {
+      return;
+    }
+
+    const nextTarget = event.relatedTarget as Node | null;
+    if (nextTarget && (this.contains(nextTarget) || this.shadowRoot?.contains(nextTarget))) {
+      return;
+    }
+
+    this.focusOpen = false;
+    this.syncOpenState();
+  };
+
+  private handleClick = (event: MouseEvent) => {
+    if (!this.hasTrigger('click') || this.hasTrigger('manual') || !this.hasTooltipContent) {
+      return;
+    }
+
+    if (this.tooltipElement && event.composedPath().includes(this.tooltipElement)) {
+      return;
+    }
+
+    this.clickOpen = !this.clickOpen;
+    this.syncOpenState();
+  };
+
+  private handleDocumentPointerDown = (event: PointerEvent) => {
+    if (!this.open || !this.hasTrigger('click') || this.hasTrigger('manual')) {
+      return;
+    }
+
+    const path = event.composedPath();
+    if (path.includes(this)) {
+      return;
+    }
+
+    this.clickOpen = false;
+    this.syncOpenState();
+  };
+
+  private handleDocumentKeyDown = (event: KeyboardEvent) => {
+    if (event.key !== 'Escape' || !this.open) {
+      return;
+    }
+
+    this.hide();
+  };
+
+  private handleViewportChange = () => {
+    if (this.open) {
+      this.updateTooltipPosition();
+    }
+  };
+
+  private syncTriggerAccessibility(shouldAddDescription = true) {
+    const describedBy = shouldAddDescription && this.hasTooltipContent ? this.tooltipId : null;
+    const assignedElements = this.defaultSlot?.assignedElements({ flatten: true }) ?? [];
+
+    assignedElements.forEach((element) => {
+      const currentValue = element.getAttribute('aria-describedby') ?? '';
+      const tokens = currentValue
+        .split(/\s+/)
+        .map((token) => token.trim())
+        .filter(Boolean)
+        .filter((token) => token !== this.tooltipId);
+
+      if (describedBy) {
+        tokens.push(describedBy);
+      }
+
+      if (tokens.length) {
+        element.setAttribute('aria-describedby', tokens.join(' '));
+      } else {
+        element.removeAttribute('aria-describedby');
+      }
+    });
+  }
+
+  render() {
+    const hasSlotContent = this.hasSlotController.test('content');
+    const isOpen = this.open && this.hasTooltipContent;
+
+    return html`
+      <span
+        class="tooltip__trigger"
+        part="trigger"
+        style=${styleMap(NveTooltip.anchorSupported ? { 'anchor-name': '--nve-tooltip-anchor' } : {})}
+      >
+        <slot @slotchange=${this.handleTriggerSlotChange}></slot>
+      </span>
+
+      <div
+        id=${this.tooltipId}
+        class="tooltip__popup ${isOpen ? 'tooltip__popup--open' : ''} ${hasSlotContent ? 'tooltip__popup--rich' : ''}"
+        part="base popup"
+        role="tooltip"
+        aria-hidden=${isOpen ? 'false' : 'true'}
+        data-current-placement=${this.currentPlacement}
+        style=${styleMap(this.getTooltipStyle())}
+      >
+        <div class="tooltip__body" part="body">
+          ${hasSlotContent
+            ? html`<slot name="content" @slotchange=${this.handleContentSlotChange}></slot>`
+            : this.content}
+        </div>
+        <div class="tooltip__arrow" part="arrow"></div>
+      </div>
+    `;
+  }
 }
 
 declare global {
diff --git a/src/components/nve-tooltip/nve-tooltip.styles.ts b/src/components/nve-tooltip/nve-tooltip.styles.ts
index 9ca0941b..45b2a6a3 100644
--- a/src/components/nve-tooltip/nve-tooltip.styles.ts
+++ b/src/components/nve-tooltip/nve-tooltip.styles.ts
@@ -2,14 +2,12 @@ import { css } from 'lit';
 
 export default css`
   :host {
-    --sl-tooltip-border-radius: 40px;
-    --sl-tooltip-background-color: var(--_bg-color);
-    --sl-tooltip-color: var(--_text-color);
-    --sl-tooltip-font-weight: initial;
-    --sl-tooltip-font-size: initial;
-    --sl-tooltip-padding: var(--spacing-2x-small) var(--spacing-x-small);
-    --sl-tooltip-border-radius: var(--border-radius-small);
+    --_tooltip-distance: var(--spacing-x-small);
+    --_tooltip-arrow-size: var(--dimension-2-5x);
+    --_tooltip-padding: var(--spacing-2x-small) var(--spacing-x-small);
     font: var(--typography-label-small-light);
+    display: inline-block;
+    position: relative;
     --_border-color: transparent;
     --_border-top-width: 0;
     --_border-left-width: 0;
@@ -17,10 +15,67 @@ export default css`
     --_border-bottom-width: 0;
   }
 
-  :host([saturation='subtle'])::part(body) {
+  .tooltip__trigger {
+    display: inline-flex;
+  }
+
+  .tooltip__popup {
+    inline-size: max-content;
+    left: 0;
+    max-inline-size: min(20rem, calc(100vw - var(--spacing-large)));
+    opacity: 0;
+    pointer-events: none;
+    position: absolute;
+    top: 0;
+    visibility: hidden;
+    z-index: 10;
+  }
+
+  .tooltip__popup--rich {
+    min-inline-size: min(16rem, calc(100vw - var(--spacing-large)));
+  }
+
+  .tooltip__popup--open {
+    opacity: 1;
+    pointer-events: auto;
+    visibility: visible;
+  }
+
+  .tooltip__body {
+    background-color: var(--_bg-color);
     border: var(--border-width-default) solid var(--_border-color);
+    border-radius: var(--border-radius-small);
     box-shadow: var(--box-shadow-hard);
+    color: var(--_text-color);
+    font: inherit;
+    font-weight: initial;
+    line-height: 1.4;
+    padding: var(--_tooltip-padding);
   }
+
+  .tooltip__body ::slotted(*) {
+    margin: 0;
+  }
+
+  .tooltip__body ::slotted(ul),
+  .tooltip__body ::slotted(ol) {
+    padding-inline-start: var(--spacing-medium);
+  }
+
+  .tooltip__arrow {
+    background-color: var(--_bg-color);
+    block-size: var(--_tooltip-arrow-size);
+    inline-size: var(--_tooltip-arrow-size);
+    position: absolute;
+    rotate: 45deg;
+  }
+
+  :host([saturation='emphasized']) .tooltip__body,
+  :host([saturation='default']) .tooltip__body {
+    border-color: transparent;
+    box-shadow: none;
+  }
+
   :host([saturation='subtle']) [data-current-placement^='top'] {
     --_border-bottom-width: var(--border-width-default);
     --_border-right-width: var(--border-width-default);
@@ -41,14 +96,64 @@ export default css`
     --_border-left-width: var(--border-width-default);
   }
 
-  :host([saturation='subtle'])::part(arrow) {
+  :host([saturation='subtle']) .tooltip__arrow {
     border-top: var(--_border-top-width) solid var(--_border-color);
     border-bottom: var(--_border-bottom-width) solid var(--_border-color);
     border-left: var(--_border-left-width) solid var(--_border-color);
     border-right: var(--_border-right-width) solid var(--_border-color);
     z-index: 1;
-    translate: var(--_arrow-nudge-x, 0) var(--_arrow-nudge-y, 0);
   }
+
+  .tooltip__popup[data-current-placement^='top'] .tooltip__arrow {
+    inset-block-end: calc(var(--_tooltip-arrow-size) / -2);
+    inset-inline-start: 50%;
+    translate: -50% 0;
+  }
+
+  .tooltip__popup[data-current-placement='top-start'] .tooltip__arrow,
+  .tooltip__popup[data-current-placement='bottom-start'] .tooltip__arrow {
+    inset-inline-start: 50%;
+    translate: 0 0;
+  }
+
+  .tooltip__popup[data-current-placement='top-end'] .tooltip__arrow,
+  .tooltip__popup[data-current-placement='bottom-end'] .tooltip__arrow {
+    inset-inline-start: auto;
+    inset-inline-end: 50%;
+    translate: 0 0;
+  }
+
+  .tooltip__popup[data-current-placement^='bottom'] .tooltip__arrow {
+    inset-block-start: calc(var(--_tooltip-arrow-size) / -2);
+    inset-inline-start: 50%;
+    translate: -50% 0;
+  }
+
+  .tooltip__popup[data-current-placement^='left'] .tooltip__arrow {
+    inset-block-start: 50%;
+    inset-inline-end: calc(var(--_tooltip-arrow-size) / -2);
+    translate: 0 -50%;
+  }
+
+  .tooltip__popup[data-current-placement='left-start'] .tooltip__arrow,
+  .tooltip__popup[data-current-placement='right-start'] .tooltip__arrow {
+    inset-block-start: var(--spacing-small);
+    translate: 0 0;
+  }
+
+  .tooltip__popup[data-current-placement='left-end'] .tooltip__arrow,
+  .tooltip__popup[data-current-placement='right-end'] .tooltip__arrow {
+    inset-block-start: auto;
+    inset-block-end: var(--spacing-small);
+    translate: 0 0;
+  }
+
+  .tooltip__popup[data-current-placement^='right'] .tooltip__arrow {
+    inset-block-start: 50%;
+    inset-inline-start: calc(var(--_tooltip-arrow-size) / -2);
+    translate: 0 -50%;
+  }
+
   :host([variant='neutral'][saturation='emphasized']) {
     --_bg-color: var(--color-feedback-background-emphasized-neutral);
     --_text-color: var(--color-feedback-foreground-emphasized-neutral);
diff --git a/src/components/nve-tooltip/nve-tooltip.test.ts b/src/components/nve-tooltip/nve-tooltip.test.ts
new file mode 100644
index 00000000..9be42ea6
--- /dev/null
+++ b/src/components/nve-tooltip/nve-tooltip.test.ts
@@ -0,0 +1,96 @@
+import { fixture, fixtureCleanup } from '@open-wc/testing';
+import { html } from 'lit';
+import { afterAll, describe, expect, it, vi } from 'vitest';
+import NveTooltip from './nve-tooltip.component';
+
+if (!customElements.get('nve-tooltip')) {
+  customElements.define('nve-tooltip', NveTooltip);
+}
+
+describe('nve-tooltip', () => {
+  afterAll(() => {
+    fixtureCleanup();
+  });
+
+  it('has the documented default properties', async () => {
+    const el = await fixture<NveTooltip>(html`<nve-tooltip></nve-tooltip>`);
+
+    expect(el.open).toBe(false);
+    expect(el.trigger).toBe('hover focus');
+    expect(el.placement).toBe('top');
+    expect(el.variant).toBe('neutral');
+    expect(el.saturation).toBe('emphasized');
+  });
+
+  it('renders plain text content and connects aria-describedby to the trigger element', async () => {
+    const el = await fixture<NveTooltip>(html`
+      <nve-tooltip content="Hjelpetekst">
+        <button type="button">Info</button>
+      </nve-tooltip>
+    `);
+
+    await el.show();
+
+    const trigger = el.querySelector('button');
+    const body = el.shadowRoot?.querySelector('.tooltip__body');
+
+    expect(body?.textContent?.trim()).toBe('Hjelpetekst');
+    expect(trigger?.getAttribute('aria-describedby')).toBeTruthy();
+  });
+
+  it('supports HTML content through the content slot', async () => {
+    const el = await fixture<NveTooltip>(html`
+      <nve-tooltip open trigger="manual">
+        <ul slot="content">
+          <li>item1</li>
+        </ul>
+        <button type="button">Info</button>
+      </nve-tooltip>
+    `);
+
+    const contentSlot = el.shadowRoot?.querySelector('slot[name="content"]') as HTMLSlotElement | null;
+    const [assignedContent] = contentSlot?.assignedElements({ flatten: true }) ?? [];
+
+    expect(assignedContent?.tagName.toLowerCase()).toBe('ul');
+    expect(assignedContent?.querySelector('li')?.textContent?.trim()).toBe('item1');
+  });
+
+  it('toggles open and closed when trigger is click', async () => {
+    const el = await fixture<NveTooltip>(html`
+      <nve-tooltip trigger="click" content="Klikk">
+        <button type="button">Info</button>
+      </nve-tooltip>
+    `);
+
+    const trigger = el.querySelector('button');
+    trigger?.click();
+    await el.updateComplete;
+
+    expect(el.open).toBe(true);
+
+    trigger?.click();
+    await el.updateComplete;
+
+    expect(el.open).toBe(false);
+  });
+
+  it('dispatches show and hide when shown and hidden programmatically', async () => {
+    const el = await fixture<NveTooltip>(html`
+      <nve-tooltip content="Visning">
+        <button type="button">Info</button>
+      </nve-tooltip>
+    `);
+
+    const showSpy = vi.fn();
+    const hideSpy = vi.fn();
+
+    el.addEventListener('show', showSpy);
+    el.addEventListener('hide', hideSpy);
+
+    await el.show();
+    await el.hide();
+
+    expect(showSpy).toHaveBeenCalledTimes(1);
+    expect(hideSpy).toHaveBeenCalledTimes(1);
+  });
+});
diff --git a/tokens/$themes.json b/tokens/$themes.json
index b60777cc..b8f91c31 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -3245,4 +3245,4 @@
     },
     "group": "Device"
   }
-]
\ No newline at end of file
+]

From c3ca13aebce86ff193083e8b5f3dd5e5147b8873 Mon Sep 17 00:00:00 2001
From: Marcin Janecki <42612597+amish1188@users.noreply.github.com>
Date: Fri, 12 Jun 2026 14:51:22 +0200
Subject: [PATCH 3/9] =?UTF-8?q?feat(tokens):=20Sm=C3=A5=20justeringer=20av?=
 =?UTF-8?q?=20brand=20colors=20(#919)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../.vitepress/theme/styles/nve_theme.css     |   50 +-
 .../.vitepress/theme/styles/rme_theme.css     |   50 +-
 .../.vitepress/theme/styles/varsom_theme.css  |   50 +-
 public/css/nve.css                            |   20 +-
 public/css/nve_dark.css                       |   30 +-
 public/css/rme.css                            |   20 +-
 public/css/rme_dark.css                       |   30 +-
 public/css/varsom.css                         |   20 +-
 public/css/varsom_dark.css                    |   30 +-
 tokens/$themes.json                           | 1524 ++++++++++++-----
 tokens/brand/nve.json                         |    6 +-
 tokens/brand/rme.json                         |    6 +-
 tokens/brand/varsom.json                      |    6 +-
 tokens/public/theme/dark.json                 |   84 +-
 tokens/public/theme/light.json                |   73 +-
 15 files changed, 1235 insertions(+), 764 deletions(-)

diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css
index 97941e18..2db36e06 100644
--- a/doc-site/.vitepress/theme/styles/nve_theme.css
+++ b/doc-site/.vitepress/theme/styles/nve_theme.css
@@ -31,6 +31,7 @@
   --color-shades-grey-400: #9ea2a9;
   --color-shades-grey-500: #858b93;
   --color-shades-grey-600: #60656c;
+  --color-shades-grey-650: #54585f;
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #303236;
   --color-shades-grey-850: #292b2e;
@@ -265,10 +266,10 @@
   --text-brand-name: Norges vassdrags- og energidirektorat;
   --color-brand-background-primary: var(--color-shades-brand-500);
   --color-brand-background-secondary: var(--color-shades-brand-400);
-  --color-brand-background-tertiary: var(--color-shades-brand-150);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
   --color-brand-foreground-primary: var(--color-shades-accent-500);
-  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-700);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
@@ -364,21 +365,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
@@ -747,6 +733,7 @@
   --color-shades-grey-400: #9ea2a9;
   --color-shades-grey-500: #858b93;
   --color-shades-grey-600: #60656c;
+  --color-shades-grey-650: #54585f;
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #303236;
   --color-shades-grey-850: #292b2e;
@@ -980,17 +967,17 @@
   --boolean-brand-nve-rme: true;
   --text-brand-name: Norges vassdrags- og energidirektorat;
   --color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
-  --color-brand-background-secondary: var(--color-shades-brand-250);
-  --color-brand-background-tertiary: var(--color-shades-brand-800);
+  --color-brand-background-secondary: var(--color-shades-brand-400);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
   --color-brand-foreground-primary: var(--color-shades-accent-200);
-  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-300);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
-  --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
+  --color-brand-border-tertiary: var(--color-shades-brand-300);
   --color-brand-border-emphasized: var(--color-shades-accent-400);
   --color-neutrals-background-canvas: var(--color-shades-grey-950);
   --color-neutrals-background-primary: var(--color-shades-grey-850);
@@ -1008,7 +995,7 @@
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-700);
+  --color-neutrals-border-subtle: var(--color-shades-grey-650);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-background-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-background-primary-hover: var(--color-shades-grey-150);
@@ -1031,7 +1018,7 @@
   --color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
   --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
-  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
+  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-650);
   --color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
   --color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
@@ -1080,21 +1067,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css
index c2b2a966..4514d88e 100644
--- a/doc-site/.vitepress/theme/styles/rme_theme.css
+++ b/doc-site/.vitepress/theme/styles/rme_theme.css
@@ -31,6 +31,7 @@
   --color-shades-grey-400: #94a5b8;
   --color-shades-grey-500: #758ba3;
   --color-shades-grey-600: #516579;
+  --color-shades-grey-650: #4a5c6e;
   --color-shades-grey-700: #405163;
   --color-shades-grey-800: #2b3445;
   --color-shades-grey-850: #1d2834;
@@ -265,10 +266,10 @@
   --text-brand-name: Reguleringsmyndigheten for energi;
   --color-brand-background-primary: var(--color-shades-brand-500);
   --color-brand-background-secondary: var(--color-shades-brand-400);
-  --color-brand-background-tertiary: var(--color-shades-brand-150);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
   --color-brand-foreground-primary: var(--color-shades-accent-500);
-  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-700);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
@@ -364,21 +365,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
@@ -747,6 +733,7 @@
   --color-shades-grey-400: #94a5b8;
   --color-shades-grey-500: #758ba3;
   --color-shades-grey-600: #516579;
+  --color-shades-grey-650: #4a5c6e;
   --color-shades-grey-700: #405163;
   --color-shades-grey-800: #2b3445;
   --color-shades-grey-850: #1d2834;
@@ -980,17 +967,17 @@
   --boolean-brand-nve-rme: true;
   --text-brand-name: Reguleringsmyndigheten for energi;
   --color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
-  --color-brand-background-secondary: var(--color-shades-brand-250);
-  --color-brand-background-tertiary: var(--color-shades-brand-800);
+  --color-brand-background-secondary: var(--color-shades-brand-400);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
   --color-brand-foreground-primary: var(--color-shades-accent-200);
-  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-300);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
-  --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
+  --color-brand-border-tertiary: var(--color-shades-brand-300);
   --color-brand-border-emphasized: var(--color-shades-accent-400);
   --color-neutrals-background-canvas: var(--color-shades-grey-950);
   --color-neutrals-background-primary: var(--color-shades-grey-850);
@@ -1008,7 +995,7 @@
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-700);
+  --color-neutrals-border-subtle: var(--color-shades-grey-650);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-background-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-background-primary-hover: var(--color-shades-grey-150);
@@ -1031,7 +1018,7 @@
   --color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
   --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
-  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
+  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-650);
   --color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
   --color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
@@ -1080,21 +1067,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css
index 886a245a..2f408afe 100644
--- a/doc-site/.vitepress/theme/styles/varsom_theme.css
+++ b/doc-site/.vitepress/theme/styles/varsom_theme.css
@@ -31,6 +31,7 @@
   --color-shades-grey-400: #43a9d5;
   --color-shades-grey-500: #2d99c8;
   --color-shades-grey-600: #006b99;
+  --color-shades-grey-650: #00648f;
   --color-shades-grey-700: #004766;
   --color-shades-grey-800: #00405c;
   --color-shades-grey-850: #003852;
@@ -265,10 +266,10 @@
   --text-brand-name: Varsom – en tjeneste levert av NVE, MET og Statens vegvesen;
   --color-brand-background-primary: var(--color-shades-brand-500);
   --color-brand-background-secondary: var(--color-shades-brand-400);
-  --color-brand-background-tertiary: var(--color-shades-brand-150);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
   --color-brand-foreground-primary: var(--color-shades-accent-500);
-  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-700);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
@@ -364,21 +365,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
@@ -747,6 +733,7 @@
   --color-shades-grey-400: #43a9d5;
   --color-shades-grey-500: #2d99c8;
   --color-shades-grey-600: #006b99;
+  --color-shades-grey-650: #00648f;
   --color-shades-grey-700: #004766;
   --color-shades-grey-800: #00405c;
   --color-shades-grey-850: #003852;
@@ -980,17 +967,17 @@
   --boolean-brand-nve-rme: false;
   --text-brand-name: Varsom – en tjeneste levert av NVE, MET og Statens vegvesen;
   --color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
-  --color-brand-background-secondary: var(--color-shades-brand-250);
-  --color-brand-background-tertiary: var(--color-shades-brand-800);
+  --color-brand-background-secondary: var(--color-shades-brand-400);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
   --color-brand-foreground-primary: var(--color-shades-accent-200);
-  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-300);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
-  --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
+  --color-brand-border-tertiary: var(--color-shades-brand-300);
   --color-brand-border-emphasized: var(--color-shades-accent-400);
   --color-neutrals-background-canvas: var(--color-shades-grey-950);
   --color-neutrals-background-primary: var(--color-shades-grey-850);
@@ -1008,7 +995,7 @@
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-700);
+  --color-neutrals-border-subtle: var(--color-shades-grey-650);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-background-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-background-primary-hover: var(--color-shades-grey-150);
@@ -1031,7 +1018,7 @@
   --color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
   --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
-  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
+  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-650);
   --color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
   --color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
@@ -1080,21 +1067,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
diff --git a/public/css/nve.css b/public/css/nve.css
index dad35d92..90748042 100644
--- a/public/css/nve.css
+++ b/public/css/nve.css
@@ -37,6 +37,7 @@
   --color-shades-grey-400: #9ea2a9;
   --color-shades-grey-500: #858b93;
   --color-shades-grey-600: #60656c;
+  --color-shades-grey-650: #54585f;
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #303236;
   --color-shades-grey-850: #292b2e;
@@ -271,10 +272,10 @@
   --text-brand-name: Norges vassdrags- og energidirektorat;
   --color-brand-background-primary: var(--color-shades-brand-500);
   --color-brand-background-secondary: var(--color-shades-brand-400);
-  --color-brand-background-tertiary: var(--color-shades-brand-150);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
   --color-brand-foreground-primary: var(--color-shades-accent-500);
-  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-700);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
@@ -370,21 +371,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css
index 46852c30..582e8e47 100644
--- a/public/css/nve_dark.css
+++ b/public/css/nve_dark.css
@@ -37,6 +37,7 @@
   --color-shades-grey-400: #9ea2a9;
   --color-shades-grey-500: #858b93;
   --color-shades-grey-600: #60656c;
+  --color-shades-grey-650: #54585f;
   --color-shades-grey-700: #484c51;
   --color-shades-grey-800: #303236;
   --color-shades-grey-850: #292b2e;
@@ -270,17 +271,17 @@
   --boolean-brand-nve-rme: true;
   --text-brand-name: Norges vassdrags- og energidirektorat;
   --color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
-  --color-brand-background-secondary: var(--color-shades-brand-250);
-  --color-brand-background-tertiary: var(--color-shades-brand-800);
+  --color-brand-background-secondary: var(--color-shades-brand-400);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
   --color-brand-foreground-primary: var(--color-shades-accent-200);
-  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-300);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
-  --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
+  --color-brand-border-tertiary: var(--color-shades-brand-300);
   --color-brand-border-emphasized: var(--color-shades-accent-400);
   --color-neutrals-background-canvas: var(--color-shades-grey-950);
   --color-neutrals-background-primary: var(--color-shades-grey-850);
@@ -298,7 +299,7 @@
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-700);
+  --color-neutrals-border-subtle: var(--color-shades-grey-650);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-background-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-background-primary-hover: var(--color-shades-grey-150);
@@ -321,7 +322,7 @@
   --color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
   --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
-  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
+  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-650);
   --color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
   --color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
@@ -370,21 +371,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
diff --git a/public/css/rme.css b/public/css/rme.css
index 57232e91..a5197955 100644
--- a/public/css/rme.css
+++ b/public/css/rme.css
@@ -37,6 +37,7 @@
   --color-shades-grey-400: #94a5b8;
   --color-shades-grey-500: #758ba3;
   --color-shades-grey-600: #516579;
+  --color-shades-grey-650: #4a5c6e;
   --color-shades-grey-700: #405163;
   --color-shades-grey-800: #2b3445;
   --color-shades-grey-850: #1d2834;
@@ -271,10 +272,10 @@
   --text-brand-name: Reguleringsmyndigheten for energi;
   --color-brand-background-primary: var(--color-shades-brand-500);
   --color-brand-background-secondary: var(--color-shades-brand-400);
-  --color-brand-background-tertiary: var(--color-shades-brand-150);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
   --color-brand-foreground-primary: var(--color-shades-accent-500);
-  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-700);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
@@ -370,21 +371,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css
index 53f9a4b9..a739e9a7 100644
--- a/public/css/rme_dark.css
+++ b/public/css/rme_dark.css
@@ -37,6 +37,7 @@
   --color-shades-grey-400: #94a5b8;
   --color-shades-grey-500: #758ba3;
   --color-shades-grey-600: #516579;
+  --color-shades-grey-650: #4a5c6e;
   --color-shades-grey-700: #405163;
   --color-shades-grey-800: #2b3445;
   --color-shades-grey-850: #1d2834;
@@ -270,17 +271,17 @@
   --boolean-brand-nve-rme: true;
   --text-brand-name: Reguleringsmyndigheten for energi;
   --color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
-  --color-brand-background-secondary: var(--color-shades-brand-250);
-  --color-brand-background-tertiary: var(--color-shades-brand-800);
+  --color-brand-background-secondary: var(--color-shades-brand-400);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
   --color-brand-foreground-primary: var(--color-shades-accent-200);
-  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-300);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
-  --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
+  --color-brand-border-tertiary: var(--color-shades-brand-300);
   --color-brand-border-emphasized: var(--color-shades-accent-400);
   --color-neutrals-background-canvas: var(--color-shades-grey-950);
   --color-neutrals-background-primary: var(--color-shades-grey-850);
@@ -298,7 +299,7 @@
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-700);
+  --color-neutrals-border-subtle: var(--color-shades-grey-650);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-background-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-background-primary-hover: var(--color-shades-grey-150);
@@ -321,7 +322,7 @@
   --color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
   --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
-  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
+  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-650);
   --color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
   --color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
@@ -370,21 +371,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
diff --git a/public/css/varsom.css b/public/css/varsom.css
index 0029b2c4..e93c2455 100644
--- a/public/css/varsom.css
+++ b/public/css/varsom.css
@@ -37,6 +37,7 @@
   --color-shades-grey-400: #43a9d5;
   --color-shades-grey-500: #2d99c8;
   --color-shades-grey-600: #006b99;
+  --color-shades-grey-650: #00648f;
   --color-shades-grey-700: #004766;
   --color-shades-grey-800: #00405c;
   --color-shades-grey-850: #003852;
@@ -271,10 +272,10 @@
   --text-brand-name: Varsom – en tjeneste levert av NVE, MET og Statens vegvesen;
   --color-brand-background-primary: var(--color-shades-brand-500);
   --color-brand-background-secondary: var(--color-shades-brand-400);
-  --color-brand-background-tertiary: var(--color-shades-brand-150);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-700);
   --color-brand-foreground-primary: var(--color-shades-accent-500);
-  --color-brand-foreground-secondary: var(--color-shades-accent-700); /** was 500 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-700);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
   --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
@@ -370,21 +371,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-grey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-grey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-200);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-200);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-200);
diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css
index 918dd23d..ad4e0775 100644
--- a/public/css/varsom_dark.css
+++ b/public/css/varsom_dark.css
@@ -37,6 +37,7 @@
   --color-shades-grey-400: #43a9d5;
   --color-shades-grey-500: #2d99c8;
   --color-shades-grey-600: #006b99;
+  --color-shades-grey-650: #00648f;
   --color-shades-grey-700: #004766;
   --color-shades-grey-800: #00405c;
   --color-shades-grey-850: #003852;
@@ -270,17 +271,17 @@
   --boolean-brand-nve-rme: false;
   --text-brand-name: Varsom – en tjeneste levert av NVE, MET og Statens vegvesen;
   --color-brand-background-primary: var(--color-shades-brand-500); /** Primarily used on logo backgrounds */
-  --color-brand-background-secondary: var(--color-shades-brand-250);
-  --color-brand-background-tertiary: var(--color-shades-brand-800);
+  --color-brand-background-secondary: var(--color-shades-brand-400);
+  --color-brand-background-tertiary: var(--color-shades-accent-000);
   --color-brand-background-quaternary: var(--color-shades-brand-200);
   --color-brand-foreground-primary: var(--color-shades-accent-200);
-  --color-brand-foreground-secondary: var(--color-shades-accent-300); /** was 300 */
+  --color-brand-foreground-secondary: var(--color-shades-accent-300);
   --color-brand-foreground-primary-on-bg: var(--color-shades-brand-000);
-  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-000);
+  --color-brand-foreground-secondary-on-bg: var(--color-shades-brand-999);
   --color-brand-foreground-tertiary-on-bg: var(--color-shades-accent-400);
   --color-brand-border-primary: var(--color-shades-brand-100);
   --color-brand-border-secondary: var(--color-shades-brand-200);
-  --color-brand-border-tertiary: var(--color-shades-brand-300); /** was 300 */
+  --color-brand-border-tertiary: var(--color-shades-brand-300);
   --color-brand-border-emphasized: var(--color-shades-accent-400);
   --color-neutrals-background-canvas: var(--color-shades-grey-950);
   --color-neutrals-background-primary: var(--color-shades-grey-850);
@@ -298,7 +299,7 @@
   --color-neutrals-border-default: var(--color-shades-grey-300);
   --color-neutrals-border-emphasized: var(--color-shades-grey-000);
   --color-neutrals-border-mute: var(--color-shades-grey-600);
-  --color-neutrals-border-subtle: var(--color-shades-grey-700);
+  --color-neutrals-border-subtle: var(--color-shades-grey-650);
   --color-neutrals-border-disabled: var(--color-shades-grey-500);
   --color-interactive-background-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-background-primary-hover: var(--color-shades-grey-150);
@@ -321,7 +322,7 @@
   --color-interactive-foreground-primary-disabled: var(--color-shades-grey-600);
   --color-interactive-foreground-secondary-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-secondary-hover: var(--color-shades-grey-000);
-  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-700);
+  --color-interactive-foreground-secondary-disabled: var(--color-shades-grey-650);
   --color-interactive-foreground-tertiary-enabled: var(--color-shades-grey-200);
   --color-interactive-foreground-tertiary-hover: var(--color-shades-grey-050);
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
@@ -370,21 +371,6 @@
   --color-feedback-foreground-on-bg-emphasized-error: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-foreground-on-bg-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
   --color-feedback-foreground-on-bg-emphasized-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-default-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-neutral: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-warning: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-subtle-success: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-neutral: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-info: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-error: var(--color-shades-functional-neutralgrey-000);
-  --color-feedback-foreground-emphasized-warning: var(--color-shades-functional-neutralgrey-999);
-  --color-feedback-foreground-emphasized-success: var(--color-shades-functional-neutralgrey-000);
   --color-feedback-border-subtle-neutral: var(--color-shades-functional-neutralgrey-400);
   --color-feedback-border-subtle-info: var(--color-shades-functional-blue-500);
   --color-feedback-border-subtle-error: var(--color-shades-functional-red-500);
diff --git a/tokens/$themes.json b/tokens/$themes.json
index b8f91c31..bd763288 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -357,7 +357,8 @@
       "color-shades.additional.teal.950": "S:dbfb5d1cc9d9e952bf9a96ba8f3c9fa89a1de291,",
       "color-shades.additional.teal.999": "S:415d3a30ee8c8a788d4ade678d44fb95c37ec699,",
       "color-shades.additional.teal.000": "S:21bf3075200a17903a59aca52dfe922ff6888eca,",
-      "color-shades.additional.teal.050": "S:3f9c656b1fbb3c2100e1ff074d349bea8c007e54,"
+      "color-shades.additional.teal.050": "S:3f9c656b1fbb3c2100e1ff074d349bea8c007e54,",
+      "color-shades.grey.650": "S:35778f771fe3a6cf3c80a0e5988ea3a50245cbf0,"
     },
     "selectedTokenSets": {
       "brand/nve": "enabled"
@@ -398,6 +399,7 @@
       "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0",
       "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0",
       "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e",
+      "color-shades.grey.650": "b0ea78e25c0a332d17ee45ade79e46d5ac8314ae",
       "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3",
       "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe",
       "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01",
@@ -801,6 +803,7 @@
       "color-shades.grey.400": "3003b6e41ec7446dc7b0c2d437ca16101fe4e9e0",
       "color-shades.grey.500": "f0a85443552971855dafd7d8dd062c7550d0aab0",
       "color-shades.grey.600": "48e6db3a963803407f783117058ef30dd0b2ff5e",
+      "color-shades.grey.650": "b0ea78e25c0a332d17ee45ade79e46d5ac8314ae",
       "color-shades.grey.700": "9a0cf516a3fd9bcac94d4888b42e07e3805f74f3",
       "color-shades.grey.800": "c7762330dd6d2a8b644fcf2bfec4e64926160efe",
       "color-shades.grey.850": "7c8eea759d2c65b4b48058f3c79daf7d39ce6a01",
@@ -1161,261 +1164,311 @@
     "group": "Brand"
   },
   {
-    "id": "35c01074c319e8327d6252e28b8c9b9abdec8466",
-    "name": "light",
+    "id": "1bac5340b35ceca87f79e45ffc6257fa704a416f",
+    "name": "RME",
     "$figmaStyleReferences": {
-      "dropdown": "S:6348ae0de192a9228b2a7374e149fe55c2bbf3c8,",
-      "soft": "S:3dd2ad37591f1c841e3ea67a7d414d728326963f,",
-      "hard": "S:32497d10b263e0b5f649e6997c6c4255bfd0abd9,",
-      "Brand.Primary": "S:2f22e3eeefd10e58ad42debd3d7cbe1cc75d4ad1,",
-      "Brand.Light": "S:b5ba0769ac1661e0fc4b554dc2e1d0e0b130fd41,",
-      "Brand.Deep": "S:8aed6caa1dca3a3c52bf573f4bc7cbe4e7e919d9,",
-      "Neutrals.Background.Primary-Contrast": "S:a983e19b32ec491ca5a16886c560476108e4999e,",
-      "Neutrals.Background.Primary": "S:ba4deca1da5a499a1145ba9de1f3dd4dcf7693b8,",
-      "Neutrals.Background.Secondary": "S:444e10ddf6e60d8a3dbf0436a992b612949d27a8,",
-      "Neutrals.Background.Canvas": "S:a063f8430438f320a102752b41f763fee5c36225,",
-      "Neutrals.Foreground.Primary": "S:10b7953d738333fb7c0e2e35a4667aa8b3681f6b,",
-      "Neutrals.Foreground.Subtle": "S:941d34b099405dd8ffec520b3400f6b1a4d67dc0,",
-      "Neutrals.Foreground.Colored": "S:451708e8b8b5ad5df556092d9dc818393fb90b20,",
-      "Neutrals.Border.Default": "S:642ce4b11bd7d4533389594b3274595a8c95c56e,",
-      "Neutrals.Border.Mute": "S:aaa2133c8f09c3f18c6e21da333c63a4cd31dc3a,",
-      "Neutrals.Border.Subtle": "S:b0e2697733a1affd493133fccfa669a047952b13,",
-      "Neutrals.Border.Disabled": "S:616b547c2063bb10b3b984b83ba98284d74169f6,",
-      "Interactive.Primary.Background.Default": "S:7269b3280f2e8ceff0b6fedb12edcfc336355d6d,",
-      "Interactive.Primary.Background.Hover": "S:1e64a7bfed7235c3d01fcf07ac24dd07d5b4a4b6,",
-      "Interactive.Primary.Background.Disabled": "S:cc9bb951ce01249721cb1cdfeed9f8008945a1c4,",
-      "Interactive.Primary.Foreground.Default": "S:76334612724a5b3d2a73dff6de2f8e62578e7321,",
-      "Interactive.Primary.Foreground.Hover": "S:add38eee0ee029f617b8eb30a27360b358b2d7f1,",
-      "Interactive.Primary.Foreground.Disabled": "S:274f9aee87edc4ecb74ebd05f0fa0323985d97fd,",
-      "Interactive.Primary.Foreground.Border.Focus": "S:b5049e7dfe8ebc191ece6dc601ca4478eacf50fb,",
-      "Interactive.Secondary.Background.Default": "S:ce1db92a1d1fa5dce8c5ad876f068e97b5738b14,",
-      "Interactive.Secondary.Background.Hover": "S:0f7b5ff0853b8caa239efde84e259094917db3b8,",
-      "Interactive.Secondary.Background.Disabled": "S:6b83a7aa614fcbe17a8d8d522548720b93622039,",
-      "Interactive.Secondary.Foreground.Default": "S:376a1fb2dc77b373ae116b14d5b9f6b6f077e30b,",
-      "Interactive.Secondary.Foreground.Hover": "S:7ac3ffa1bae31c729e13149fac2b113e56d09db8,",
-      "Interactive.Secondary.Foreground.Disabled": "S:f919b3ce2e78e7c6029ce809e03cd8d98ba4fbeb,",
-      "Interactive.Secondary.Border.Focus": "S:680bcac70c3290415b99e85b78f8c2d2677b0a14,",
-      "Interactive.Outlined.Foreground.Default": "S:e5a768bd078188bc4537725f99077c76c27eb34a,",
-      "Interactive.Outlined.Foreground.Hover": "S:d9f2ba4a149475013d44e2ebac1309ceac42f19f,",
-      "Interactive.Outlined.Foreground.Disabled": "S:b819973fdbf2c91177d62f563f80e541dca0639d,",
-      "Interactive.Outlined.Border.Default": "S:ef283dddb6ffd7d2aaf9d446dc07e92d02c86751,",
-      "Interactive.Outlined.Border.Hover": "S:3d12bfe64af78f190e076e2eb78129342f4f6248,",
-      "Interactive.Outlined.Border.Focus": "S:39b2ba1677f312657f15c0ff8c683aedbd58592b,",
-      "Interactive.Outlined.Border.Disabled": "S:af97013d836c28225006f32b56884c2aab59d62c,",
-      "Interactive.Ghost.Background.Hover": "S:edaa0199842b6bcc884bf5655fe990b223d80d6b,",
-      "Interactive.Ghost.Foreground.Default": "S:eabc199701497112455896123314888c634aaa25,",
-      "Interactive.Ghost.Foreground.Hover": "S:b8e225f400b23482f4d89fb425a4e6d5a50e64c5,",
-      "Interactive.Ghost.Foreground.Disabled": "S:2eab3b2abc9572933abde624b7ac473e1a9804d7,",
-      "Interactive.Ghost.Border.Focus": "S:f668f62bbaf69cc2184ecb75fe4ecc0fa8ed39ef,",
-      "Interactive.Links.Default": "S:70cb06ad7e51d3f4e4c8254b47fa7fb694ae1d16,",
-      "Interactive.Links.Hover": "S:dd8638102355600fd66905ed3200b177ee868b3a,",
-      "Interactive.Links.Focus": "S:119d57aa28702f5c27603dec09b31fbd96093280,",
-      "Interactive.Links.Visited": "S:558b8f8a5f9c464fd4bda8d9c77040b95fca896d,",
-      "Interactive.danger.background.default": "S:d10d368e84a46c54aad4bcad7a3aa284d08f7d7a,",
-      "Interactive.danger.background.hover": "S:99681ee1688ab25d7488b9eabb36cea36d69adef,",
-      "Interactive.danger.background.disabled": "S:2ab298ab49d337699d91e40dc9442b10b7a83e3f,",
-      "Interactive.danger.foreground.default": "S:69b3d28655822f95866c84f39130320dd1d51a21,",
-      "Interactive.danger.foreground.hover": "S:33275715be16ed8ba1309dd8b0e79dea03345cad,",
-      "Interactive.danger.foreground.disabled": "S:c4f1f2ebaeeb85ee9943e3a127b41d43c9aa72e1,",
-      "Interactive.danger.border.focus": "S:f71e788aa47c90155103558c8f7c4ecaec9f731f,",
-      "Feedback.Background.Default.Info": "S:a1dbce30db0e8368cc494403f4a1ba8e34046e5f,",
-      "Feedback.Background.Default.Error": "S:194c50c39292c44a6765c4cb66fff71946300011,",
-      "Feedback.Background.Default.Warning": "S:ba9f55218768012fdeddbce0c80a505e6ed0232a,",
-      "Feedback.Background.Default.Success": "S:ee1d598d28cb019a0914fa1877f6455c34942b7f,",
-      "Feedback.Background.Default.Neutral": "S:a730f08fb3057e784af4190ce71a15135c01bb30,",
-      "Feedback.Background.Subtle.Info": "S:a80a7a9597425bb4b46a999fa9bb8e83ade9c6de,",
-      "Feedback.Background.Subtle.Error": "S:f6afe45cad06bb5ad1b630a811843af1714c2f8a,",
-      "Feedback.Background.Subtle.Warning": "S:eac841f43d2b318dae0e5e46122b5f1198ba6e37,",
-      "Feedback.Background.Subtle.Success": "S:4ea37471a29650877f1efc84e05eed69c6a84e19,",
-      "Feedback.Background.Subtle.Neutral": "S:85a05b5752e38d760ee1e3c358b9e7f3a6d7f63c,",
-      "Feedback.Background.Emphasized.Info": "S:2358c81800537fd7af892217b1cc05c513c8214c,",
-      "Feedback.Background.Emphasized.Error": "S:fbf170480583c736c9961ef91a48e76f74aa5719,",
-      "Feedback.Background.Emphasized.Warning": "S:744910efd2eb1c482437ebdd4163592b0e7a0e8f,",
-      "Feedback.Background.Emphasized.Success": "S:f6fea1fff9594b6d14163d4d295085fece188f76,",
-      "Feedback.Background.Emphasized.Neutral": "S:ef4cd4d6c53cb76e1904be8ea2c4b7ec62fedb9c,",
-      "Feedback.Foreground.Default.Info": "S:db183bd3c65ca5a436960cbb0ae3a67f4e057cd7,",
-      "Feedback.Foreground.Default.Error": "S:0a77ad8594363b44e53e497d2064074c9177e165,",
-      "Feedback.Foreground.Default.Warning": "S:12103cd0b211c4420d87d3ee7eb0e23b8357fc2a,",
-      "Feedback.Foreground.Default.Success": "S:6f1b315a4fc4adba789e969a19de7284f026a208,",
-      "Feedback.Foreground.Default.Neutral": "S:5033ebab1c26de32a4329a3f8b4964ec5b0be1ca,",
-      "Feedback.Foreground.Subtle.Info": "S:f86c544792132107c84c9efaac3010af59630e2d,",
-      "Feedback.Foreground.Subtle.Error": "S:781bab3744f37cd231cef5589553b245ec1a4e27,",
-      "Feedback.Foreground.Subtle.Warning": "S:582a74883b28768ce6d8e2ba08f745c8835b219b,",
-      "Feedback.Foreground.Subtle.Success": "S:8dab44b0956cb9f8880d204144eacfb479535e7e,",
-      "Feedback.Foreground.Subtle.Neutral": "S:aa5cf70c497c9512f15b667e13fc1d05ecbcfddd,",
-      "Feedback.Foreground.Emphasized.Info": "S:dd24acc7e2feb2855d718209ea878bafe47d06ee,",
-      "Feedback.Foreground.Emphasized.Error": "S:0f2c6ad7ee6004629b9f1af5c21fb139c0321a99,",
-      "Feedback.Foreground.Emphasized.Warning": "S:cf8f604a40f3005cf716f957d53117b61eb33ac6,",
-      "Feedback.Foreground.Emphasized.Success": "S:a4cec62aa83cf5de787f1baa6b8d8f10c2be814e,",
-      "Feedback.Foreground.Emphasized.Neutral": "S:da89190fe04d7c761d2c4b6061c313a85fa50f8f,",
-      "Dangerlevel.Background.Mute.Level1": "S:5f8f55584a59c62859d6bca0e06cfc27d5e96fd1,",
-      "Dangerlevel.Background.Mute.Level2": "S:cbafcff5b326bb47a49db13e8c6a163b57256ba1,",
-      "Dangerlevel.Background.Mute.Level3": "S:cf19d3c5842cd923b21abe420b30209bccbded4c,",
-      "Dangerlevel.Background.Mute.Level4": "S:426afeb36909986387d9f0568211e061bb397937,",
-      "Dangerlevel.Background.Mute.Level5": "S:5338750f41a000628324145b271e894bb77fa15c,",
-      "Dangerlevel.Background.Subtle.Level1": "S:84dcd2b7a160db3b91f3cf9d174d01b33a82373d,",
-      "Dangerlevel.Background.Subtle.Level2": "S:7fce116a119f210170d0c24a83f6cb133acfe7f2,",
-      "Dangerlevel.Background.Subtle.Level3": "S:883a58ef238604af100737c1a2265fe0a6563538,",
-      "Dangerlevel.Background.Subtle.Level4": "S:40e96655dc65275f076dd8d0edaa24c2567f7fa2,",
-      "Dangerlevel.Background.Subtle.Level5": "S:8c75f4960bbdbdc4729ca13b127677cbb428aafd,",
-      "Dangerlevel.Background.Default.Level1": "S:83bbcc8413992e9f4b2cf8062c9e7ee59f298a20,",
-      "Dangerlevel.Background.Default.Level2": "S:b66125306eb2cd069cf65be333d7d763458bba70,",
-      "Dangerlevel.Background.Default.Level3": "S:f4310afb7a1d3478862b7d07bdbe9db8c87c187b,",
-      "Dangerlevel.Background.Default.Level4": "S:051666ca1a90727c98dde0400a8c808903ea0b5f,",
-      "Dangerlevel.Background.Default.Level5": "S:d7bdc5ce6ea855abeef0819bc0127fbf44b55b1c,",
-      "Dangerlevel.Foreground.Default.Level1": "S:b6053dbd6af3f1c4ea9f324274a9cfe664a46cfe,",
-      "Dangerlevel.Foreground.Default.Level2": "S:ba44c005b6a8710445f328d7f0550b9284f0a532,",
-      "Dangerlevel.Foreground.Default.Level3": "S:c662aee0ffb3478df8d72557307f5e253de0f9d1,",
-      "Dangerlevel.Foreground.Default.Level4": "S:ff9a20644f58ee1f06bfd03f04c0d827e4dcc87c,",
-      "Dangerlevel.Foreground.Default.Level5": "S:efcac65f7e460ce3fb05b832f84697f84f836b86,",
-      "Dangerlevel.Foreground.Mute.Level1": "S:900233f65a4194e33de6d8ef0d60b3c5259947af,",
-      "Dangerlevel.Foreground.Mute.Level2": "S:ce40d86a2f4abbf63c7b0f4b61ce5f85af0a50b5,",
-      "Dangerlevel.Foreground.Mute.Level3": "S:71954af1f967ae89a34e90000ffd484fdeb7fbc5,",
-      "Dangerlevel.Foreground.Mute.Level4": "S:a40642d7855a4d8da59deca17de198cbb19ad5c3,",
-      "Dangerlevel.Foreground.Mute.Level5": "S:5af47d8e41a25ab516282482d0df35dd74fd070d,",
-      "Dangerlevel.Foreground.Subtle.Level1": "S:015692c0420d2334797b1a16860d2e9072f9fbf8,",
-      "Dangerlevel.Foreground.Subtle.Level2": "S:c9e390cdfbde8f1d6f4d51379af769a78579387e,",
-      "Dangerlevel.Foreground.Subtle.Level3": "S:46dd5871515ac21032d7580acef0ae57d91aea78,",
-      "Dangerlevel.Foreground.Subtle.Level4": "S:df7a7a7fcd5f65c172e741bd4e0e7b88cb6d0672,",
-      "Dangerlevel.Foreground.Subtle.Level5": "S:c3e75cd9a694aa4e9a00dd70fc0e8ea3f6c41056,",
-      "Supplemental.Subtle.Teal.Background": "S:9b8c07f50f080e9fd816d7cd67187d24831b3e3e,",
-      "Supplemental.Subtle.Teal.foreground": "S:6256a77e4f136ab1442b619a4918303d6801c13c,",
-      "Supplemental.Subtle.Purple.Background": "S:a4c5a02e302056dbe474081d7b092b79bbae7362,",
-      "Supplemental.Subtle.Purple.Foreground": "S:10bd00f52a351c769f7068dbfb018219ab27fe6a,",
-      "Supplemental.Subtle.Lime.Background": "S:1b6104cb96765b079881e6369887a8580057a1b1,",
-      "Supplemental.Subtle.Lime.Foreground": "S:5fd7703eb4c7344c204ac56bfe7cb9d641fc1578,",
-      "Supplemental.Subtle.Magenta.Background": "S:289848306c6b9a7cc270aab420fdfc42eea823c0,",
-      "Supplemental.Subtle.Magenta.Foreground": "S:127bd9613f011dc9bc9e35b3191634cb892966cf,",
-      "Supplemental.Subtle.Yellow.Background": "S:3658c2a2baef8ddc48f962bef4fc2299f56d7232,",
-      "Supplemental.Subtle.Yellow.Foreground": "S:57a5574aee4d7b446c0f24d8b83581d8229e4a1b,",
-      "Supplemental.Subtle.Grey.Background": "S:53386fa5d9e655d3dc006ee5125e11e48bb427a3,",
-      "Supplemental.Subtle.Grey.Foreground": "S:708442d259eb596ce89d28f43d08aa64670c0c5b,",
-      "Supplemental.Subtle.Red.Background": "S:3acbcd77c1874240cb45325e80f1900789d9ffe2,",
-      "Supplemental.Subtle.Red.Foreground": "S:1207be932660a9c1406e03790b704a970d225e2c,",
-      "Supplemental.Subtle.Blue.Background": "S:c2e567fe696de56b39ab9c638b099f7fee814bd7,",
-      "Supplemental.Subtle.Blue.Foreground": "S:7f1c104d2cf877c5cfe06025c31e3b05a72bd933,",
-      "Supplemental.Emphasized.Teal.Background": "S:f4b6b291b16df5c068de8d06b93334089590ceaf,",
-      "Supplemental.Emphasized.Teal.Foreground": "S:97aea98902ed9c76695a7dd7461bd7614ab1a99c,",
-      "Supplemental.Emphasized.Purple.Background": "S:73852aeb75a6556e297461ebf25791215b1af832,",
-      "Supplemental.Emphasized.Purple.Foreground": "S:73a78a62e3e41f2f8535491ed50ac7ac4c917cb8,",
-      "Supplemental.Emphasized.Lime.Background": "S:6e6c1c8faf16b608102489d027ecb42c4890a3a6,",
-      "Supplemental.Emphasized.Lime.Foreground": "S:1226068b42d8f94467a1dd82fe6a1bc6c9b633b2,",
-      "Supplemental.Emphasized.Magenta.Background": "S:22870d78b51496e03621d2ca799872c93ca1d120,",
-      "Supplemental.Emphasized.Magenta.Foreground": "S:248007d23f587096054f88a4926685c580997c4a,",
-      "Supplemental.Emphasized.Yellow.Background": "S:3c528c94dd34292421d36a5c7b135e313cdd8d7d,",
-      "Supplemental.Emphasized.Yellow.Foreground": "S:bc270e215f10f635ef56c101b7bd0deda9f98ff5,",
-      "Supplemental.Emphasized.Grey.Background": "S:217e7313d22c1bc565483f84aaad1d8def1d87c9,",
-      "Supplemental.Emphasized.Grey.Foreground": "S:9904a6b8889ce49e65a3d0654fd86b59d144ac2d,",
-      "Supplemental.Emphasized.Red.Foreground": "S:fb69d4811f6a24b4bfee728bf1059faffdefcbba,",
-      "Supplemental.Emphasized.Blue.Background": "S:bdc0f8cda0550d591c38389e79764392d3b63b54,",
-      "Supplemental.Emphasized.Blue.Foreground": "S:6c8ef2f26e179081c3236df0905a3b8b2ede1032,",
-      "Supplemental.Emphasized.Red.bACKGROUND": "S:66511ba1ce0b12ba8f17009c80bb2dfd9b0c2f1f,"
-    },
-    "selectedTokenSets": {
-      "public/theme/light": "enabled"
-    },
-    "$figmaCollectionId": "VariableCollectionId:1986:10",
-    "$figmaModeId": "1986:0",
-    "$figmaVariableReferences": {
-      "color.brand.background.primary": "910d9813e760ac89fdaf94bc2d748d88c9d7743d",
-      "color.brand.background.secondary": "312f97a0b978df6bfefba2ead92cde44acc192cb",
-      "color.brand.background.tertiary": "b8b8bf2fd3e2b93534099ed936d380fd67e9db6a",
-      "color.brand.background.quaternary": "1c26c51c3693e216835a6ae6a0f867632fed9aed",
-      "color.brand.foreground.primary": "87a9ad41e338b7d3e9642324d518c828e7e6da9e",
-      "color.brand.foreground.secondary": "45d6e821af5e9a9e2e4f33525bea804fd89ce791",
-      "color.brand.foreground.primary-on-bg": "01ac9c70aaba0f8d0345be7ef55b8a9f42bc2ee9",
-      "color.brand.foreground.secondary-on-bg": "256a1c419dc223315f819dbc423ddab06c058572",
-      "color.brand.foreground.tertiary-on-bg": "97716729dea67cce61cdb2e7846ff8d7f969a4b9",
-      "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae",
-      "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020",
-      "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964",
-      "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2",
-      "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e",
-      "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef",
-      "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc",
-      "color.neutrals.background.secondary": "1a7c01751f84a6ee01eae3b130ef648c367d8cb1",
-      "color.neutrals.background.secondary-dim": "414fbcc0b42c04fbd1299717a5181225d92f7d22",
-      "color.neutrals.background.tertiary-dim": "5115dd3c64f36f7344f90d7e3e4e66ef4cfca41f",
-      "color.neutrals.background.modal-overlay": "6edb649fcaf909ad2cb8fc71266375ea1393ab95",
-      "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa",
-      "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3",
-      "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1",
-      "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913",
-      "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4",
-      "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46",
-      "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183",
-      "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586",
-      "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a",
-      "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa",
-      "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091",
-      "color.interactive.background.primary.enabled": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b",
-      "color.interactive.background.primary.hover": "d0904907beba8db9f5171714e946d81c164038f1",
-      "color.interactive.background.primary.pressed": "4f0b1eaa46470f573a5d2e4dff5ceb087101adce",
-      "color.interactive.background.primary.disabled": "7353b344a6853703eb33183207be7e7df29d941f",
-      "color.interactive.background.secondary.enabled": "8c7fb3d7685c89acaf7059db70a5941a645388ff",
-      "color.interactive.background.secondary.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d",
-      "color.interactive.background.secondary.pressed": "e321afef5bfcf6b9f2b3d5409078d5b863b38f5d",
-      "color.interactive.background.secondary.disabled": "cab9cd603e97384382c4977451c2e657f4824a35",
-      "color.interactive.background.tertiary.enabled": "018fc06fa9a8dcc1c9154e2492994f1e6e6d875e",
-      "color.interactive.background.tertiary.hover": "ee9f969e737f597367ff234c6040301992daa741",
-      "color.interactive.background.tertiary.pressed": "22d41fca9b8b8a771a8bce5df72c49ed92fe21fe",
-      "color.interactive.background.tertiary.disabled": "b293271d50255af00237c9b03f842e55a761b5bf",
-      "color.interactive.background.danger.enabled": "ec761b66843c2661300de26554370a5d6d14d379",
-      "color.interactive.background.danger.hover": "c795e01e4509d8d7eb9cc431b66bf5388bb67bf8",
-      "color.interactive.background.danger.pressed": "be266f93e9fd6444d4b1a537fc4d0c327d159538",
-      "color.interactive.background.danger.disabled": "a4e85fa65ae2e247f6eec69732fd6da3f41cf640",
-      "color.interactive.foreground.primary.enabled": "25c1ec8946363e1b8a759b8795b86513058edb48",
-      "color.interactive.foreground.primary.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f",
-      "color.interactive.foreground.primary.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f",
-      "color.interactive.foreground.secondary.enabled": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e",
-      "color.interactive.foreground.secondary.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc",
-      "color.interactive.foreground.secondary.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2",
-      "color.interactive.foreground.tertiary.enabled": "1f51368e590d654198400dde92ea3b44ca74bba5",
-      "color.interactive.foreground.tertiary.hover": "872d60590c09deee63105e685aa918c8bee1d38e",
-      "color.interactive.foreground.tertiary.disabled": "b190b3da5803b45a821b6b56104d3845149bf3ba",
-      "color.interactive.foreground.danger.enabled": "cba14b847ffe942665ad08945e185ae955e217ed",
-      "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
-      "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
-      "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
-      "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
-      "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
-      "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
-      "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9",
-      "color.interactive.border.secondary.enabled": "d524e3913da28f6267542fec33ab1ad84459a948",
-      "color.interactive.border.secondary.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929",
-      "color.interactive.border.secondary.disabled": "593a28560b76a570c37e9b573f68292beb635f2f",
-      "color.interactive.border.tertiary.enabled": "60dff91a20017bf784756c18efa6b2e66d6c2412",
-      "color.interactive.border.tertiary.hover": "dab4440f36ffb90c7be8cd76c05e12ddc1f40d52",
-      "color.interactive.border.tertiary.disabled": "09ddd5e653b0fa4ce44b59dfccef90e34bb882d6",
-      "color.interactive.border.accessibility.focus": "90d79fe321b7893f89fb6944addb99016c844f74",
-      "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483",
-      "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4",
-      "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1",
-      "color.feedback.background.default.warning": "59317fc5ee488e084c87f2c59968f51487d8f4db",
-      "color.feedback.background.default.success": "ae6361593032c974996bc75bf25e894d5707003d",
-      "color.feedback.background.subtle.neutral": "56275b6a1fa882301385b58e4ed0f10ab41a6c1c",
-      "color.feedback.background.subtle.info": "6c23e0725e5ff44dd58850a6b575e69dfab6ba18",
-      "color.feedback.background.subtle.error": "6e6eb4828e985592f9942a3a2c3e021582e7cff4",
-      "color.feedback.background.subtle.warning": "a2b8c2dab945c1fc5656af2f7da18393e74decd9",
-      "color.feedback.background.subtle.success": "009cdb8b5136e22b35fd9e9743703d8d816de8b6",
-      "color.feedback.background.emphasized.neutral": "7f4f85088432e65503b175015fa00ee8fc95d67e",
-      "color.feedback.background.emphasized.info": "668784b40fb80671d59705fb069c62a1a83fe844",
-      "color.feedback.background.emphasized.error": "e9c936b5265460e18c3b0cf72dd8c95c33f54ab4",
-      "color.feedback.background.emphasized.warning": "96bc52dab3304bbd82b519652b4a1938e4670ab1",
-      "color.feedback.background.emphasized.success": "0f1ef7bee622cc9a3eb21e8e77f9bd1e70be2672",
-      "color.feedback.foreground.neutral": "be316b39e8ec148771450ff1103b1c62cc00a986",
-      "color.feedback.foreground.info": "fcde493bf2e3273bf6104c2fa03fba57088a4cc3",
-      "color.feedback.foreground.error": "a623a5594ef3876d6c4b52c3edd44336eb59e766",
-      "color.feedback.foreground.warning": "c1b6a0959bd18ba5e0310e5c8b390815912ea7fc",
-      "color.feedback.foreground.success": "d14977fa6cbbea5dc04424d8eba94a7fc29a4f01",
-      "color.feedback.foreground.on-bg.subtle.neutral": "86f25980c6792971f30785141f359291b41d0438",
-      "color.feedback.foreground.on-bg.subtle.info": "6ece2c05dba7fa313049254d5218e56d396f1ee1",
-      "color.feedback.foreground.on-bg.subtle.error": "d104c1cd9dddf9b87aa459d106b7ebf84bc98e08",
-      "color.feedback.foreground.on-bg.subtle.warning": "a7902040968d18a03d9bf0b5fc031bf7612ef290",
-      "color.feedback.foreground.on-bg.subtle.success": "469481f3a8313fec09bd983962c82a8035282822",
-      "color.feedback.foreground.on-bg.emphasized.neutral": "779d83292c62963d711ba2bd11a54b24831a5041",
-      "color.feedback.foreground.on-bg.emphasized.info": "ca03bd1902e55052bbe146284a8dcdef6647a6bf",
-      "color.feedback.foreground.on-bg.emphasized.error": "3ca39558b9ed56b258e0558b42134e6223464836",
+      "brand.100": "S:2c175fbb4a3ab7fa86e2371cb70e4cf96061dae1,",
+      "brand.150": "S:bb0401dc56917a1675bf7f6c8ed4ad1f7c3657f4,",
+      "brand.200": "S:a997b93ec33e929a003c43458cbf2039404059dc,",
+      "brand.300": "S:b8db3505af6a6ac09aa3cc4e091dd971356a9154,",
+      "brand.400": "S:e80d14e61863d26100dae44a174dfb259bcb3dac,",
+      "brand.500": "S:467279beca647a27f1429c183e945407591a48f9,",
+      "brand.600": "S:3d5f703e7a49b2d58f1416a28968836cf2c5709a,",
+      "brand.700": "S:2b23ffdf35f4aab1ba8951e4bc30f0e60278d86a,",
+      "brand.800": "S:482ce4e125a3e914ccf5516d833093f52eb12a5e,",
+      "brand.850": "S:9b85192f9a2f9a79cf8892aaf1478cfe10594f91,",
+      "brand.900": "S:e1cc610f9856e9608a17715208e55df50e2420ad,",
+      "brand.950": "S:7fadeb39e9ef4f31792de659da4f64c80bcb9ccc,",
+      "brand.999": "S:55559f4cb18b929d4cde475eca0a18fbeb8ba0bf,",
+      "brand.000": "S:39738e07c1e4acb6047f2289a88b6dbb67d37c29,",
+      "brand.050": "S:51aa40c23a1f95cc6b2d0e16fe8a331184a5ae05,",
+      "grey.100": "S:1be0b77422235471f05a64b36486e9bf2e15605c,",
+      "grey.150": "S:952afd274d3b2d70c51017925383338508d17f50,",
+      "grey.200": "S:bf6722c88a1eeb877a90dce4c3a1ec2958c2540c,",
+      "grey.300": "S:184f02c8c70785ffdc173fe1011aad21f4dccf23,",
+      "grey.400": "S:a89711f423aeb02a121dda3a5227892040f14c00,",
+      "grey.500": "S:b9e330ba55f5e388db39008827ede4bca0c4f470,",
+      "grey.600": "S:acd2511f35f137546efa3139c67370de726497af,",
+      "grey.700": "S:92b140b48a5932adcba07e446a0a3055e401acbf,",
+      "grey.800": "S:63c54d059599941b46910e84cb316fa369159282,",
+      "grey.850": "S:6550d313881733ecf60aa0cf74f9d52fc843c371,",
+      "grey.900": "S:990b0e817fb5ceb66281a91e8cad582e86100e18,",
+      "grey.950": "S:add6f7375e66ec67338d35a67ad83c5c085c73b2,",
+      "grey.999": "S:3de79256146320b4e9704ec5fb8fa006f433ee13,",
+      "grey.000": "S:753555bed318deff4e1a7333d1f6b1f0a2382ca7,",
+      "grey.050": "S:340dff3ac2dbae6fc24bdb05ddd407d1027118db,",
+      "red.100": "S:23164f81baf31ede7149720f37d92f28e9cd5de3,",
+      "red.150": "S:8926db2144e0b71450762ea09e7e9d2e5b711ab3,",
+      "red.200": "S:0d7d74de914317a82747427b9d1403ac54607007,",
+      "red.300": "S:ee69b4c60e4325f87c433ac6b6712135cadd37cb,",
+      "red.400": "S:fb2130a2b056f49e12957dce6386f6490964fc12,",
+      "red.500": "S:91087b25d4da4bc9d3060ea845ece1c22253a522,",
+      "red.600": "S:e8190046343554655e748e184dd0c6137b6c3722,",
+      "red.700": "S:269b36f207589bcdbf9739ac39d5b34ce23fabb2,",
+      "red.800": "S:c7834e446ff1ca956505738713c0fe2b5d0373fb,",
+      "red.850": "S:2c07a0166df0dc04bd49f0d2bf721da460e98e4c,",
+      "red.900": "S:44c6c9a44c21934067178eb6b743fe6333c09b90,",
+      "red.950": "S:fdfd1585f9d66c9878b590fae8d3410712d5cca9,",
+      "red.999": "S:bbb83b7c8f1e8a9a5328de7f049ff085e7bc8f7b,",
+      "red.000": "S:f648e8c23939c5aea39eb8213eaba03be734eb42,",
+      "red.050": "S:14ad01e6787bea3b4f789935f041e273ba16e8e6,",
+      "yellow.100": "S:f798f098c3c5319313a6d1bbfbd8bcb39249c49f,",
+      "yellow.150": "S:373c746c2c1a37a10327ab404cbb6785307358e1,",
+      "yellow.200": "S:eaebb3a863bf7754d1b0fe17ea09b6b8009043d4,",
+      "yellow.300": "S:60e8493d9b59e4f1a8c4c7ff8fa50a0c48f9076c,",
+      "yellow.400": "S:8cd6d4bb6d8789c8751d8bb56bb9a0a3746ba5b2,",
+      "yellow.500": "S:b2514d9ac32bfc3386d07be72fadb5afc38f9c3b,",
+      "yellow.600": "S:8789a6197c9e2839c71eaf3abb7c5a162fa8ecb7,",
+      "yellow.700": "S:f3e75c2b91fbcf41a35c3ac6f7b2c70810b09081,",
+      "yellow.800": "S:bc6846662e812d0fcae6e2fc976eee83ef7d931f,",
+      "yellow.850": "S:09d3ebd3ceeaed4939a22712bc6b68387807f8af,",
+      "yellow.900": "S:6a8c7ae8c538cb4b3adff04fd9c32db0ab28bbdd,",
+      "yellow.950": "S:33ed9d41a99f724c1de8fba0c29be08018b4500e,",
+      "yellow.999": "S:2ab88aba87da8dd5489b6f7fb85593c25df768b6,",
+      "yellow.000": "S:fa5f22720f777aa4bf6bee02fa1b947edbfc75de,",
+      "yellow.050": "S:74f566227ce5db8333bb31409094e0bb6a31f8df,",
+      "blue.100": "S:c7da16ed093cc982728bdacbf75de44e88b7666a,",
+      "blue.150": "S:7aa32ad9dcd9dff24f422dd0ff83cd03ab2fba79,",
+      "blue.200": "S:e0b2dd3a910db30f39ebe5b531644af50d6eb9d4,",
+      "blue.300": "S:492ee08463cc36090d891e120b23a151cb7b4d04,",
+      "blue.400": "S:68243011612ca180fac9b53d97a3a8cefd15af7d,",
+      "blue.500": "S:6367539a496cbb6e9710d94a242ec2c5e6be8121,",
+      "blue.600": "S:8ec31edaaca0380fbb1770c184f4de32b256eeba,",
+      "blue.700": "S:e0dc6e369c7e9485e7cbc56f516f36db2be34019,",
+      "blue.800": "S:b0dae86a5b03738420ca61df5aa996f005d59449,",
+      "blue.850": "S:a4a96ca5ccc75ac5d6c48024b4ed87c686a98774,",
+      "blue.900": "S:362ea37a89881fc02dc00e3b22e47d338ecd368e,",
+      "blue.950": "S:b4917fdb145957fa49096e3c282897db93d8f573,",
+      "blue.999": "S:44e376525763700eb78be9e6da9ada781bd30553,",
+      "blue.000": "S:b7b247cf9d46a16171ff32e00f09b5e1d36a86d7,",
+      "blue.050": "S:c1fc1fb8091812cefec4321594e76e79bdc00ee9,",
+      "green.100": "S:07a4f0927b3d88566b16c922f72e7755389867ab,",
+      "green.150": "S:e56890e11334a6b54f0f49979fe7780f84ecd0cd,",
+      "green.200": "S:3e5a8c0dbc7a5b7bd03f8fc150015d75d12027a5,",
+      "green.300": "S:6996f3f14bafc67caa5989142b002be541c2cd0a,",
+      "green.400": "S:3b5917f1919c0196356c3ff770c1f374b18a9b7e,",
+      "green.500": "S:168e9fb3dcc8c2234aa08ad1e0caa4abd01d2880,",
+      "green.600": "S:42fc9b0f87e08fbc23b01bf985a458900fc16595,",
+      "green.700": "S:149ceb35d3305c6e757b595c58ddf86479c789ba,",
+      "green.800": "S:2e4904fce59e5883e2d45550f72d51e2aea3a2e9,",
+      "green.850": "S:5840020acabf32e817b3c57199504769f06a02c0,",
+      "green.900": "S:b92f9ea9e25b3f83ae8966ffafde354655b84c49,",
+      "green.950": "S:ee0332952eea3dc6ed8cb74f49528fa1436dcceb,",
+      "green.999": "S:ebb677c1b4c256eaa8b053bdb61d7683f62e7cec,",
+      "green.000": "S:368371a661b66010c2b01eb26d8e1fb5749647b4,",
+      "green.050": "S:960c150f5b73b42ef3c2e5c10a04c67e79e1bfc7,",
+      "orange.100": "S:d58d9f923fb4769d60d0c38b76b8f3e859522cd8,",
+      "orange.150": "S:caea52bbc6668e9fa866b1dbaa87e24ee073c3fa,",
+      "orange.200": "S:07879ca04bee8e457a4a1b418db9f35e854ad91b,",
+      "orange.300": "S:d9aabe79bcb17d6810f3d24c9dd6669fb0dd0671,",
+      "orange.400": "S:adde34546125ad01d6171fda6a794c770c817893,",
+      "orange.500": "S:871dd8fa0f922dc3f327dc4160479a08dd926a80,",
+      "orange.600": "S:ca887ffacfa74dd33695d3da3e25c8eacdfc8c00,",
+      "orange.700": "S:532a2091816243da4de388506a913dc4ed6bce52,",
+      "orange.800": "S:6180cb4def058ccd0ea1bd4b4d9bbeb0d9162547,",
+      "orange.850": "S:16a26b45e3d66d97060e0dda41031f66f3ec2740,",
+      "orange.900": "S:9b9e80a795c4b8ed437569259d02b617ddb40c30,",
+      "orange.950": "S:a64acb0692ce241812f0bd48ecaa382eb60ee91f,",
+      "orange.999": "S:be451ebbdcb5fe73487fed197a22b1ec1fb8e753,",
+      "orange.000": "S:4255a2b2e73060e4a8acbc5365437cccea92be97,",
+      "orange.050": "S:15d9b73b3188b9128273deddb54fb914db0d36ac,",
+      "varsom_blue.100": "S:3126f7eca774ef12f5895f892e8318c35d1a1303,",
+      "varsom_blue.150": "S:9e0b4cd517aeadc4ff061885dac6efc9363370e9,",
+      "varsom_blue.200": "S:fe27d9e3a92e71d145001b8bde83063b5109ec1d,",
+      "varsom_blue.300": "S:784c9037c163640a9f21e0da425e23b63f66ff5d,",
+      "varsom_blue.400": "S:25895413eb60088f206a75cbc22642f561261f99,",
+      "varsom_blue.500": "S:197f71333aff2b35a395e3afdecd0d87d80f3685,",
+      "varsom_blue.600": "S:c72c28fbec2edf8433dae9849674de6840364dfc,",
+      "varsom_blue.700": "S:a3152fdb31cbea68d5e3508c681466faf89810f4,",
+      "varsom_blue.800": "S:5f11ecd2d25a93691fed1af510fe97460121c726,",
+      "varsom_blue.850": "S:56047dafc7e74f31bd937f26742cc23982098419,",
+      "varsom_blue.900": "S:ac8655618f8586f1caf8bf6b50f999e2fa2622b0,",
+      "varsom_blue.950": "S:2b96ddd15b30609efe3159f5e3b1b1b35fccb735,",
+      "varsom_blue.999": "S:e4d008db30a9563dc30d1fa4664f573bf9bce0e4,",
+      "varsom_blue.000": "S:d71496f4bce55b53549a1f5d82e63b0482968bb0,",
+      "varsom_blue.050": "S:c6b4f141c4f9c12e765ab68bbfa40d3b80a41771,",
+      "teal.100": "S:dbeb139ef7ee92025fc77c2f93622ec9b2a38d6c,",
+      "teal.150": "S:789492cd18aa83d0567c05a71667f6c563149639,",
+      "teal.200": "S:ca69aa4a0cc034ff461b4a923abc6fd5b45dcde1,",
+      "teal.300": "S:60152fad1644910199a7606aab4091265c1d9499,",
+      "teal.400": "S:e9f5e547b879334a16242ff742559a97b9449aea,",
+      "teal.500": "S:e09a79396d7c2cfe73278156c1894aff2a028975,",
+      "teal.600": "S:afdf1720384db2bf0120af5882adaa1ca0552a78,",
+      "teal.700": "S:21460a410ce1e96b6bafba557fbcd882abe05121,",
+      "teal.800": "S:8c9b63b33e5fb0f91e9b4cdb6ea5ea05977ae140,",
+      "teal.850": "S:6bd883dc5fdedf6609bc9db6945108b9519393ad,",
+      "teal.900": "S:df30955621a00c8286165ead69593c74ba4c708a,",
+      "teal.950": "S:1f0de315f057ba8fd2c715a2ae3343560e3fc33a,",
+      "teal.999": "S:1eba6ee19a788ce273d18c20e024e6a910003336,",
+      "teal.000": "S:e6b73f2a06fcf2c0cdb75ef44b27e38b16de8cbd,",
+      "teal.050": "S:2ecab9b2db452efb87def07a199c0f4ace8f5a94,",
+      "purple.100": "S:94f73f76046e86f22e8782a0be3216b131b6298d,",
+      "purple.150": "S:f92b16c25188e98a51ab155d8a184000df307c31,",
+      "purple.200": "S:c9bd3aa50b95bda97f55e46cd448c73b78b770ef,",
+      "purple.300": "S:e81ace3dcd01c8ce0bcb657839085d7dd5ae1d3c,",
+      "purple.400": "S:e259534a248f5151457af3b58e30e7da36abb476,",
+      "purple.500": "S:95bdcaa176bb974ad2875f27309e91b5ff038baa,",
+      "purple.600": "S:3d542c81f81acda9d0123633feb73e4a0bd237a2,",
+      "purple.700": "S:736a59e50705ef86e07dc8f1e149209116bd178d,",
+      "purple.800": "S:15f8fd3c51911c5d2da8b42378b7bcc716b63c45,",
+      "purple.850": "S:a3d2581e31f734d6a7a39c5c3fa89cf3efe110c0,",
+      "purple.900": "S:9a0db712720deff5f112b31fe0bb62c775a25590,",
+      "purple.950": "S:456f639b489956bb9fa1cf4132718513545c7bcb,",
+      "purple.999": "S:192f265e6b5d12d50d4c92b9ad4943c89f0fe10a,",
+      "purple.000": "S:cbab4589b6f0e2e13eda593ac81ab9d849b99905,",
+      "purple.050": "S:30d2b57edaddd32b5f90a4d61ddf4e137cd42435,",
+      "lime.100": "S:580055c189a59a981358749ea132afc16f0cbb65,",
+      "lime.150": "S:3d748157216c8244a943fc6bffdcf5d4c64581e0,",
+      "lime.200": "S:e136172c06dec0b39250479da790096e71713e2c,",
+      "lime.300": "S:d19ccf5833baf4a54ed75b97945597f5a7f96cc6,",
+      "lime.400": "S:fdb40de412b89ba023f718f7c70659328e4d9d3c,",
+      "lime.500": "S:ce22fc13ec3b344578a2049e9c7dee69bb31fc7d,",
+      "lime.600": "S:3693f34397acc168860c378866bb0ac980bca84b,",
+      "lime.700": "S:1888b51502ceba0a466c4b7877080260f4b70eed,",
+      "lime.800": "S:788931c914ddf16848b88f1398fed724acb90e05,",
+      "lime.850": "S:a9a81b433cbf33fef4d5e8274efa9dfb029a6a59,",
+      "lime.900": "S:8ccf032cb37d89e2ffc2283b9cf26b9033d5e235,",
+      "lime.950": "S:10ae6810217bb84a348b4ba0a3856c92aca375d2,",
+      "lime.999": "S:dbd21e002914f32989d25922d63693538a4d0333,",
+      "lime.000": "S:c3398b88e92e3c4817b98abc815ce3c6adb49f07,",
+      "lime.050": "S:c49ac60d14d6fa1d59ad5d7353c4aa7b682d5cd2,",
+      "magenta.100": "S:575245fa33d96e1b6eae78a0bcf7b240cd5fd54f,",
+      "magenta.150": "S:25295ac0b97aaef793e48134cdf3d3a23c7324d8,",
+      "magenta.200": "S:848f2c2eeeb10048c0ee9c9ddb5fa1690932e089,",
+      "magenta.300": "S:0914d557ab557e2d5932e750034da6c1e40302e3,",
+      "magenta.400": "S:d18611df0814625362a69c7691ce386d7be5f334,",
+      "magenta.500": "S:616368d76fb3028199e012f255d15df3af39c765,",
+      "magenta.600": "S:ce71ce6ddab21623a8c340690c9c1f4255640e35,",
+      "magenta.700": "S:b14006013bb8db5228f03456595173e34cfe505e,",
+      "magenta.800": "S:226cc7a41b6945bbe4688cd9e05cde2ea3af42bc,",
+      "magenta.850": "S:72551e547222189b17f3d0dd1ab33b4f58ce7075,",
+      "magenta.900": "S:6dc7bc9229699ee9e4e3e7c9f273b5c9eb0e7d70,",
+      "magenta.950": "S:c3364d643a5df0cfde4dd42bfb6ed6e8e5c61187,",
+      "magenta.999": "S:14587806af0a593eab00e1912c95a72b91e89cde,",
+      "magenta.000": "S:3a9c7208317b76858bed41e6e167ee1486ee9473,",
+      "magenta.050": "S:5beae9b3de1ed61b0f705090286d4aea04ab7b51,",
+      "neutralgrey.100": "S:9dd3549586ab5497a1f6e61ebbaca4483e6f5e74,",
+      "neutralgrey.150": "S:8cf195cc31dbccd605e5a09643fe45f3c9554230,",
+      "neutralgrey.200": "S:c1ceb0bf2b9a77e67a0bb7935ba0570aa464f095,",
+      "neutralgrey.300": "S:e18bdedd07dde41c7dae36f4cb8f1080e67372bb,",
+      "neutralgrey.400": "S:e89bfad96991fc18ae9d121028cd6a0b8f42dd73,",
+      "neutralgrey.500": "S:cceaf2474d3eae36a134574ccc06b2a8d417374f,",
+      "neutralgrey.600": "S:c5874d7143c5d5ea2f59f061773bcd027b96d868,",
+      "neutralgrey.700": "S:20bb00fc861a4bac3d10ac91f0e320d5c18d5a45,",
+      "neutralgrey.800": "S:04cc0414c54440989bd983dd13f296b682721362,",
+      "neutralgrey.850": "S:e1c9434f4242e2a5aed52db1e38905f0f8c6a962,",
+      "neutralgrey.900": "S:f90da31b1b3dca431ea9ff8f7abfff5eb31d2bef,",
+      "neutralgrey.950": "S:0861bb7c4226791d1bb7667a330a789e767295ea,",
+      "neutralgrey.999": "S:1782686f2b0f8db275e39c5963346cc55141a97c,",
+      "neutralgrey.000": "S:9f965ed5b7e6c494c08b269eeff1e999b44a0a28,",
+      "neutralgrey.050": "S:988ab43540cccc273513725707b5a2ddebde7a39,"
+    },
+    "selectedTokenSets": {
+      "brand/nve": "enabled",
+      "brand/rme": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:1972:336",
+    "$figmaModeId": "2276:0",
+    "$figmaVariableReferences": {
+      "color.brand.background.primary": "910d9813e760ac89fdaf94bc2d748d88c9d7743d",
+      "color.brand.background.secondary": "312f97a0b978df6bfefba2ead92cde44acc192cb",
+      "color.brand.background.tertiary": "b8b8bf2fd3e2b93534099ed936d380fd67e9db6a",
+      "color.brand.background.quaternary": "1c26c51c3693e216835a6ae6a0f867632fed9aed",
+      "color.brand.foreground.primary": "87a9ad41e338b7d3e9642324d518c828e7e6da9e",
+      "color.brand.foreground.secondary": "45d6e821af5e9a9e2e4f33525bea804fd89ce791",
+      "color.brand.foreground.primary-on-bg": "01ac9c70aaba0f8d0345be7ef55b8a9f42bc2ee9",
+      "color.brand.foreground.secondary-on-bg": "256a1c419dc223315f819dbc423ddab06c058572",
+      "color.brand.foreground.tertiary-on-bg": "97716729dea67cce61cdb2e7846ff8d7f969a4b9",
+      "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae",
+      "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020",
+      "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964",
+      "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2",
+      "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e",
+      "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef",
+      "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc",
+      "color.neutrals.background.secondary": "1a7c01751f84a6ee01eae3b130ef648c367d8cb1",
+      "color.neutrals.background.secondary-dim": "414fbcc0b42c04fbd1299717a5181225d92f7d22",
+      "color.neutrals.background.tertiary-dim": "5115dd3c64f36f7344f90d7e3e4e66ef4cfca41f",
+      "color.neutrals.background.modal-overlay": "6edb649fcaf909ad2cb8fc71266375ea1393ab95",
+      "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa",
+      "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3",
+      "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1",
+      "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913",
+      "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4",
+      "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46",
+      "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183",
+      "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586",
+      "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a",
+      "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa",
+      "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091",
+      "color.interactive.background.primary.enabled": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b",
+      "color.interactive.background.primary.hover": "d0904907beba8db9f5171714e946d81c164038f1",
+      "color.interactive.background.primary.pressed": "4f0b1eaa46470f573a5d2e4dff5ceb087101adce",
+      "color.interactive.background.primary.disabled": "7353b344a6853703eb33183207be7e7df29d941f",
+      "color.interactive.background.secondary.enabled": "8c7fb3d7685c89acaf7059db70a5941a645388ff",
+      "color.interactive.background.secondary.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d",
+      "color.interactive.background.secondary.pressed": "e321afef5bfcf6b9f2b3d5409078d5b863b38f5d",
+      "color.interactive.background.secondary.disabled": "cab9cd603e97384382c4977451c2e657f4824a35",
+      "color.interactive.background.tertiary.enabled": "018fc06fa9a8dcc1c9154e2492994f1e6e6d875e",
+      "color.interactive.background.tertiary.hover": "ee9f969e737f597367ff234c6040301992daa741",
+      "color.interactive.background.tertiary.pressed": "22d41fca9b8b8a771a8bce5df72c49ed92fe21fe",
+      "color.interactive.background.tertiary.disabled": "b293271d50255af00237c9b03f842e55a761b5bf",
+      "color.interactive.background.danger.enabled": "ec761b66843c2661300de26554370a5d6d14d379",
+      "color.interactive.background.danger.hover": "c795e01e4509d8d7eb9cc431b66bf5388bb67bf8",
+      "color.interactive.background.danger.pressed": "be266f93e9fd6444d4b1a537fc4d0c327d159538",
+      "color.interactive.background.danger.disabled": "a4e85fa65ae2e247f6eec69732fd6da3f41cf640",
+      "color.interactive.foreground.primary.enabled": "25c1ec8946363e1b8a759b8795b86513058edb48",
+      "color.interactive.foreground.primary.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f",
+      "color.interactive.foreground.primary.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f",
+      "color.interactive.foreground.secondary.enabled": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e",
+      "color.interactive.foreground.secondary.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc",
+      "color.interactive.foreground.secondary.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2",
+      "color.interactive.foreground.tertiary.enabled": "1f51368e590d654198400dde92ea3b44ca74bba5",
+      "color.interactive.foreground.tertiary.hover": "872d60590c09deee63105e685aa918c8bee1d38e",
+      "color.interactive.foreground.tertiary.disabled": "b190b3da5803b45a821b6b56104d3845149bf3ba",
+      "color.interactive.foreground.danger.enabled": "cba14b847ffe942665ad08945e185ae955e217ed",
+      "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
+      "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
+      "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
+      "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
+      "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
+      "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
+      "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9",
+      "color.interactive.border.secondary.enabled": "d524e3913da28f6267542fec33ab1ad84459a948",
+      "color.interactive.border.secondary.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929",
+      "color.interactive.border.secondary.disabled": "593a28560b76a570c37e9b573f68292beb635f2f",
+      "color.interactive.border.tertiary.enabled": "60dff91a20017bf784756c18efa6b2e66d6c2412",
+      "color.interactive.border.tertiary.hover": "dab4440f36ffb90c7be8cd76c05e12ddc1f40d52",
+      "color.interactive.border.tertiary.disabled": "09ddd5e653b0fa4ce44b59dfccef90e34bb882d6",
+      "color.interactive.border.accessibility.focus": "90d79fe321b7893f89fb6944addb99016c844f74",
+      "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483",
+      "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4",
+      "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1",
+      "color.feedback.background.default.warning": "59317fc5ee488e084c87f2c59968f51487d8f4db",
+      "color.feedback.background.default.success": "ae6361593032c974996bc75bf25e894d5707003d",
+      "color.feedback.background.subtle.neutral": "56275b6a1fa882301385b58e4ed0f10ab41a6c1c",
+      "color.feedback.background.subtle.info": "6c23e0725e5ff44dd58850a6b575e69dfab6ba18",
+      "color.feedback.background.subtle.error": "6e6eb4828e985592f9942a3a2c3e021582e7cff4",
+      "color.feedback.background.subtle.warning": "a2b8c2dab945c1fc5656af2f7da18393e74decd9",
+      "color.feedback.background.subtle.success": "009cdb8b5136e22b35fd9e9743703d8d816de8b6",
+      "color.feedback.background.emphasized.neutral": "7f4f85088432e65503b175015fa00ee8fc95d67e",
+      "color.feedback.background.emphasized.info": "668784b40fb80671d59705fb069c62a1a83fe844",
+      "color.feedback.background.emphasized.error": "e9c936b5265460e18c3b0cf72dd8c95c33f54ab4",
+      "color.feedback.background.emphasized.warning": "96bc52dab3304bbd82b519652b4a1938e4670ab1",
+      "color.feedback.background.emphasized.success": "0f1ef7bee622cc9a3eb21e8e77f9bd1e70be2672",
+      "color.feedback.foreground.neutral": "be316b39e8ec148771450ff1103b1c62cc00a986",
+      "color.feedback.foreground.info": "fcde493bf2e3273bf6104c2fa03fba57088a4cc3",
+      "color.feedback.foreground.error": "a623a5594ef3876d6c4b52c3edd44336eb59e766",
+      "color.feedback.foreground.warning": "c1b6a0959bd18ba5e0310e5c8b390815912ea7fc",
+      "color.feedback.foreground.success": "d14977fa6cbbea5dc04424d8eba94a7fc29a4f01",
+      "color.feedback.foreground.on-bg.subtle.neutral": "86f25980c6792971f30785141f359291b41d0438",
+      "color.feedback.foreground.on-bg.subtle.info": "6ece2c05dba7fa313049254d5218e56d396f1ee1",
+      "color.feedback.foreground.on-bg.subtle.error": "d104c1cd9dddf9b87aa459d106b7ebf84bc98e08",
+      "color.feedback.foreground.on-bg.subtle.warning": "a7902040968d18a03d9bf0b5fc031bf7612ef290",
+      "color.feedback.foreground.on-bg.subtle.success": "469481f3a8313fec09bd983962c82a8035282822",
+      "color.feedback.foreground.on-bg.emphasized.neutral": "779d83292c62963d711ba2bd11a54b24831a5041",
+      "color.feedback.foreground.on-bg.emphasized.info": "ca03bd1902e55052bbe146284a8dcdef6647a6bf",
+      "color.feedback.foreground.on-bg.emphasized.error": "3ca39558b9ed56b258e0558b42134e6223464836",
       "color.feedback.foreground.on-bg.emphasized.warning": "b65122d666410ebbf5bd69741bf2d3c852102ea4",
       "color.feedback.foreground.on-bg.emphasized.success": "cd07fe663b482b6271158aa67944df2cb01c9cda",
       "color.feedback.border.subtle.neutral": "c6d19a77f9de67313d32219fcc2236dfc4682dff",
@@ -3114,135 +3167,844 @@
       "sizing.2560x": "5eaae51943b44038ad6519cc567dacdb147872a9",
       "sizing.9999x": "a55e41be3866a881c38fa9a2948ee71fb9006d39"
     },
-    "group": "Brand"
+    "group": "Brand"
+  },
+  {
+    "id": "c899ebaf7a50e219fedd5ce2ba7d04dde7bafe2d",
+    "name": "mobile-small",
+    "$figmaStyleReferences": {
+      "typography.heading.x-large": "S:2d14082c7d239a05bb55a135002c173df3a2c941,",
+      "typography.heading.large": "S:e8243dac9612604777971b1c3c90a90e0f1ad005,",
+      "typography.heading.medium": "S:91602bf2f83e5d9a46c3dcf66f7e9909ab885722,",
+      "typography.heading.small": "S:11d98e5ab68712faa072dd0ba247abb82ffe81ec,",
+      "typography.subheading.large": "S:328e7d24505568f820fd4079471775b8d5fc6584,",
+      "typography.subheading.medium": "S:d9a80cc31b95f3ab936dacbe8be42617d6b5f6bc,",
+      "typography.subheading.small": "S:9aa6e2a04d1d870d1063adf77328fd238e0464d4,",
+      "typography.lead.large-regular": "S:facf9d58af65880af5ebb286d2912189ca8101a8,",
+      "typography.lead.large-semibold": "S:0b6af35d9685c2e29336a19660bf5a4744c47e03,",
+      "typography.lead.medium-regular": "S:4ed6805af2549b6dd724937b45fe522bb41776fa,",
+      "typography.lead.medium-semibold": "S:1544039e0974ee9d57ce80ab30a096c35b3c2d87,",
+      "typography.lead.small-regular": "S:a95c95897b61f7f73f0bd380aace6e28d8bcb58c,",
+      "typography.lead.small-semibold": "S:1f90121e42c434841275a92beeaa5c3919568ce0,",
+      "typography.body.large": "S:5746cd942597681fc1a5e47f8dc2b60f662eda5e,",
+      "typography.body.large-underline": "S:51232b2a9d00e27ae1752ef0f33f10186b4ab001,",
+      "typography.body.medium": "S:bb97ec4ec9713f98ca1134d482ed8e83481c4939,",
+      "typography.body.medium-underline": "S:91d875e5e80d61ce14e9bc3726a0b27ff47e6dc4,",
+      "typography.body.small": "S:d128a3872467da9e930738e0a87232d8a3919e6f,",
+      "typography.body.small-underline": "S:f82da86adb28d630c6c0075aa45b7a3c5a4afc5d,",
+      "typography.body.x-small": "S:3143517a17302ad2b8a00e4e664c8fd55843df07,",
+      "typography.body.x-small-underline": "S:899f81162b88cd98f07b341340b0fed1d00f2c97,",
+      "typography.body.compact.large-compact": "S:f4c8b609ce54a48e414db11ccc40d884c2dfed86,",
+      "typography.body.compact.large-underline-compact": "S:ac484be8f34fba8439c161e8bff978e983462e1e,",
+      "typography.body.compact.medium-compact": "S:41a8556ad303cc2c0087164b32e2b2ba88db2621,",
+      "typography.body.compact.medium-underline-compact": "S:a34b31b00add1735bf48e8960eb1e488ecf58224,",
+      "typography.body.compact.small-compact": "S:23e0144e410e2ef222d3aee34502d43985e52887,",
+      "typography.body.compact.small-underline-compact": "S:cd100dec53e916c6d75de5cc106c1e4591109468,",
+      "typography.body.compact.x-small-compact": "S:faa7895e326b3df498ee8d93ceff47d7f4786475,",
+      "typography.body.compact.x-small-underline-compact": "S:21df253e0ec48ca99e8a511c445eb2e78df203ea,",
+      "typography.detailtext.caption": "S:f7ac66665d237efd6a759604a7381116a63166f0,",
+      "typography.detailtext.caps-large": "S:c9e5c90f9f5ebb46f386f3f5109363bdfc75f7e5,",
+      "typography.detailtext.caps-small": "S:64b456b7ef9cb81951b5f941df1c938f30a91f01,",
+      "typography.label.large": "S:96e267a0376668a9b4af9e5dfd48b7c6a95e0103,",
+      "typography.label.large-light": "S:30ac5564317c70c7349a40b8e1afd974c4f50ab7,",
+      "typography.label.medium": "S:207240fc6a47fab27231bc07cbd202adc17048c1,",
+      "typography.label.medium-light": "S:0637fa987be320645014855ca625c734fdb845b0,",
+      "typography.label.small": "S:44a4ab678664513d4ee53bf9db562612a268b297,",
+      "typography.label.small-light": "S:33d3f0b3e8f5566b9eae17794e21d480b3d041ac,",
+      "typography.label.x-small": "S:5f282cf9e157160c2d30b5a55220f344e5f597d5,",
+      "typography.label.x-small-light": "S:cf711c9da84aee5812a1d93cb1f3df63ab111d81,",
+      "typography.heading.x-small": "S:87af3fe656bcd46c95c393b7f4b35f44aad06ae0,"
+    },
+    "selectedTokenSets": {
+      "public/device/desktop": "enabled",
+      "public/device/mobile-small": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:1972:338",
+    "$figmaModeId": "3585:0",
+    "$figmaVariableReferences": {
+      "spacing.none": "171c56ac7e847a7ed61fc00c069213c1fc08a281",
+      "spacing.2x-small": "d36759f09d7c7d3105c644067156c2938ade8d99",
+      "spacing.x-small": "f9db08bf2e8b2e496c9d11bdf58e38876661b450",
+      "spacing.small": "e4e2e7aee9a812dccd0d3008b79d9bac2ef8e226",
+      "spacing.medium": "b8a3ceed0dbfaaccc7d895fe5028631880048497",
+      "spacing.large": "a7033f4c374bc05c6247d783af4778b57907669e",
+      "spacing.x-large": "14f619e6622b14d9cac24740b61057f8c9af5d48",
+      "spacing.2x-large": "7adf9a7fe1c1d82b450de2b8f988aa8536c5f8f2",
+      "spacing.3x-large": "a5333b825c397a9ed82c8ad30708a06b35d266f6",
+      "spacing.4x-large": "c257feed4f3f6f28c72575cbd4a89ef12ffdb948",
+      "spacing.5x-large": "f78c932b09fa8cb9522c35918f69ab197a2f1e54",
+      "spacing.content.margin-top": "e1e81ebba47a3cf448df0268b6b816e80b214413",
+      "spacing.content.margin-bottom": "468a19df4c55941dbe5aef1ae08c7398b8442a1d",
+      "spacing.content.margin-left-right": "8dc99016f09d5df95a1e4d8bd717f7a7ac90d3c4",
+      "sizing.4x-small": "29139bad9273cb428bdd7769f9ae7b70b35e47af",
+      "sizing.3x-small": "5f337df3cf80bf7bc633ff2a959ac49e1defab83",
+      "sizing.2x-small": "bf16e67c238b7f651580800dbefb0fe7d7f884a2",
+      "sizing.x-small": "ecdb9d8a7218922d08a8cfe1be16ec6a0f8f54d8",
+      "sizing.small": "bcbc308f8bf4448cd155a1ab4dcca739581095a0",
+      "sizing.medium": "6b5f3dc80ba56858d9470723a63420c75a1da3b9",
+      "sizing.large": "46d4cf43c13dbb4e17c2e69f8213a9cd10ddcabc",
+      "sizing.x-large": "004417b2232a2e7f8681eea40b9047cad3e2973f",
+      "sizing.2x-large": "635aaed6547e9107dd347d088e2086b90e0049c6",
+      "sizing.device.page.min-width": "9654686842713b6b983a119438ea847a6c51d20e",
+      "sizing.device.page.max-width": "b2eee29ad53d44fbedcfe762ef42a0cf0690e0f9",
+      "sizing.device.content.max-width-x-large": "34de016dde62f832f4b8e58931925c8967e19733",
+      "sizing.device.content.max-width-large": "ca182277b454958c766437a3d4d91501a87753c3",
+      "sizing.device.content.max-width-medium": "76cfb718e9c863bdd6de69d9a2330780555922d9",
+      "sizing.device.content.max-width-small": "a8995834a3ce1ed9ae6bf03cc4022692331bdb83",
+      "sizing.device.content.max-width-x-small": "6809bd1b9eccc810a6f65494527bdf7dd02cdb48",
+      "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2",
+      "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e",
+      "sizing.image.x-small": "60c9a4dd8ee080f530ed2a4eb5f2ac82cd3e5592",
+      "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4",
+      "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4",
+      "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9",
+      "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4",
+      "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c",
+      "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe",
+      "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382",
+      "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2",
+      "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9",
+      "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d",
+      "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91",
+      "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca",
+      "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16",
+      "font-size.medium": "a41d74548adda0ee3ecef1dad63c0a47340c1021",
+      "font-size.large": "12fb90ebb4b6ee05e8cd6362f8c46eb01647b844",
+      "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f",
+      "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf",
+      "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f",
+      "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244",
+      "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca",
+      "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885",
+      "boolean.device.desktop-tablet-mobile": "c14ee4d8e362828d649f40803eddbdcf4c079b1b",
+      "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4",
+      "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9",
+      "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9",
+      "spacing.fixed-spacing.3x-small": "f367fe28c906542f85b9ab2385d06a30fab49e26",
+      "spacing.fixed-spacing.2x-small": "8378744df4af049609fa7ca05a4b71afce5ca38f",
+      "spacing.fixed-spacing.x-small": "5167075cef3aad596c205fc2806ff2e57e524e36",
+      "spacing.fixed-spacing.small": "2828580ca6e08c90ac4a89404a5e0d12bb6b870b",
+      "spacing.fixed-spacing.medium": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768",
+      "spacing.fixed-spacing.large": "4ed1c642e2c89851e6f1776562f3110d35e01919",
+      "spacing.fixed-spacing.x-large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9",
+      "sizing.fixed-sizing.2x-small": "6b177c77e5183b534bb72dfab5f45ef5cd644810",
+      "sizing.fixed-sizing.x-small": "029d81c94816d1fe1c7c62612458a755164bed01",
+      "sizing.fixed-sizing.small": "ccb1b8bc106ee99f753849cab9b92bb4d9d1d5a0",
+      "sizing.fixed-sizing.medium": "eefca429b4109288ad2988b1ef4e0bcd5f341404",
+      "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77",
+      "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60",
+      "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372",
+      "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9"
+    },
+    "group": "Device"
+  },
+  {
+    "id": "35c01074c319e8327d6252e28b8c9b9abdec8466",
+    "name": "light",
+    "$figmaStyleReferences": {
+      "dropdown": "S:6348ae0de192a9228b2a7374e149fe55c2bbf3c8,",
+      "soft": "S:3dd2ad37591f1c841e3ea67a7d414d728326963f,",
+      "hard": "S:32497d10b263e0b5f649e6997c6c4255bfd0abd9,",
+      "Brand.Primary": "S:2f22e3eeefd10e58ad42debd3d7cbe1cc75d4ad1,",
+      "Brand.Light": "S:b5ba0769ac1661e0fc4b554dc2e1d0e0b130fd41,",
+      "Brand.Deep": "S:8aed6caa1dca3a3c52bf573f4bc7cbe4e7e919d9,",
+      "Neutrals.Background.Primary-Contrast": "S:a983e19b32ec491ca5a16886c560476108e4999e,",
+      "Neutrals.Background.Primary": "S:ba4deca1da5a499a1145ba9de1f3dd4dcf7693b8,",
+      "Neutrals.Background.Secondary": "S:444e10ddf6e60d8a3dbf0436a992b612949d27a8,",
+      "Neutrals.Background.Canvas": "S:a063f8430438f320a102752b41f763fee5c36225,",
+      "Neutrals.Foreground.Primary": "S:10b7953d738333fb7c0e2e35a4667aa8b3681f6b,",
+      "Neutrals.Foreground.Subtle": "S:941d34b099405dd8ffec520b3400f6b1a4d67dc0,",
+      "Neutrals.Foreground.Colored": "S:451708e8b8b5ad5df556092d9dc818393fb90b20,",
+      "Neutrals.Border.Default": "S:642ce4b11bd7d4533389594b3274595a8c95c56e,",
+      "Neutrals.Border.Mute": "S:aaa2133c8f09c3f18c6e21da333c63a4cd31dc3a,",
+      "Neutrals.Border.Subtle": "S:b0e2697733a1affd493133fccfa669a047952b13,",
+      "Neutrals.Border.Disabled": "S:616b547c2063bb10b3b984b83ba98284d74169f6,",
+      "Interactive.Primary.Background.Default": "S:7269b3280f2e8ceff0b6fedb12edcfc336355d6d,",
+      "Interactive.Primary.Background.Hover": "S:1e64a7bfed7235c3d01fcf07ac24dd07d5b4a4b6,",
+      "Interactive.Primary.Background.Disabled": "S:cc9bb951ce01249721cb1cdfeed9f8008945a1c4,",
+      "Interactive.Primary.Foreground.Default": "S:76334612724a5b3d2a73dff6de2f8e62578e7321,",
+      "Interactive.Primary.Foreground.Hover": "S:add38eee0ee029f617b8eb30a27360b358b2d7f1,",
+      "Interactive.Primary.Foreground.Disabled": "S:274f9aee87edc4ecb74ebd05f0fa0323985d97fd,",
+      "Interactive.Primary.Foreground.Border.Focus": "S:b5049e7dfe8ebc191ece6dc601ca4478eacf50fb,",
+      "Interactive.Secondary.Background.Default": "S:ce1db92a1d1fa5dce8c5ad876f068e97b5738b14,",
+      "Interactive.Secondary.Background.Hover": "S:0f7b5ff0853b8caa239efde84e259094917db3b8,",
+      "Interactive.Secondary.Background.Disabled": "S:6b83a7aa614fcbe17a8d8d522548720b93622039,",
+      "Interactive.Secondary.Foreground.Default": "S:376a1fb2dc77b373ae116b14d5b9f6b6f077e30b,",
+      "Interactive.Secondary.Foreground.Hover": "S:7ac3ffa1bae31c729e13149fac2b113e56d09db8,",
+      "Interactive.Secondary.Foreground.Disabled": "S:f919b3ce2e78e7c6029ce809e03cd8d98ba4fbeb,",
+      "Interactive.Secondary.Border.Focus": "S:680bcac70c3290415b99e85b78f8c2d2677b0a14,",
+      "Interactive.Outlined.Foreground.Default": "S:e5a768bd078188bc4537725f99077c76c27eb34a,",
+      "Interactive.Outlined.Foreground.Hover": "S:d9f2ba4a149475013d44e2ebac1309ceac42f19f,",
+      "Interactive.Outlined.Foreground.Disabled": "S:b819973fdbf2c91177d62f563f80e541dca0639d,",
+      "Interactive.Outlined.Border.Default": "S:ef283dddb6ffd7d2aaf9d446dc07e92d02c86751,",
+      "Interactive.Outlined.Border.Hover": "S:3d12bfe64af78f190e076e2eb78129342f4f6248,",
+      "Interactive.Outlined.Border.Focus": "S:39b2ba1677f312657f15c0ff8c683aedbd58592b,",
+      "Interactive.Outlined.Border.Disabled": "S:af97013d836c28225006f32b56884c2aab59d62c,",
+      "Interactive.Ghost.Background.Hover": "S:edaa0199842b6bcc884bf5655fe990b223d80d6b,",
+      "Interactive.Ghost.Foreground.Default": "S:eabc199701497112455896123314888c634aaa25,",
+      "Interactive.Ghost.Foreground.Hover": "S:b8e225f400b23482f4d89fb425a4e6d5a50e64c5,",
+      "Interactive.Ghost.Foreground.Disabled": "S:2eab3b2abc9572933abde624b7ac473e1a9804d7,",
+      "Interactive.Ghost.Border.Focus": "S:f668f62bbaf69cc2184ecb75fe4ecc0fa8ed39ef,",
+      "Interactive.Links.Default": "S:70cb06ad7e51d3f4e4c8254b47fa7fb694ae1d16,",
+      "Interactive.Links.Hover": "S:dd8638102355600fd66905ed3200b177ee868b3a,",
+      "Interactive.Links.Focus": "S:119d57aa28702f5c27603dec09b31fbd96093280,",
+      "Interactive.Links.Visited": "S:558b8f8a5f9c464fd4bda8d9c77040b95fca896d,",
+      "Interactive.danger.background.default": "S:d10d368e84a46c54aad4bcad7a3aa284d08f7d7a,",
+      "Interactive.danger.background.hover": "S:99681ee1688ab25d7488b9eabb36cea36d69adef,",
+      "Interactive.danger.background.disabled": "S:2ab298ab49d337699d91e40dc9442b10b7a83e3f,",
+      "Interactive.danger.foreground.default": "S:69b3d28655822f95866c84f39130320dd1d51a21,",
+      "Interactive.danger.foreground.hover": "S:33275715be16ed8ba1309dd8b0e79dea03345cad,",
+      "Interactive.danger.foreground.disabled": "S:c4f1f2ebaeeb85ee9943e3a127b41d43c9aa72e1,",
+      "Interactive.danger.border.focus": "S:f71e788aa47c90155103558c8f7c4ecaec9f731f,",
+      "Feedback.Background.Default.Info": "S:a1dbce30db0e8368cc494403f4a1ba8e34046e5f,",
+      "Feedback.Background.Default.Error": "S:194c50c39292c44a6765c4cb66fff71946300011,",
+      "Feedback.Background.Default.Warning": "S:ba9f55218768012fdeddbce0c80a505e6ed0232a,",
+      "Feedback.Background.Default.Success": "S:ee1d598d28cb019a0914fa1877f6455c34942b7f,",
+      "Feedback.Background.Default.Neutral": "S:a730f08fb3057e784af4190ce71a15135c01bb30,",
+      "Feedback.Background.Subtle.Info": "S:a80a7a9597425bb4b46a999fa9bb8e83ade9c6de,",
+      "Feedback.Background.Subtle.Error": "S:f6afe45cad06bb5ad1b630a811843af1714c2f8a,",
+      "Feedback.Background.Subtle.Warning": "S:eac841f43d2b318dae0e5e46122b5f1198ba6e37,",
+      "Feedback.Background.Subtle.Success": "S:4ea37471a29650877f1efc84e05eed69c6a84e19,",
+      "Feedback.Background.Subtle.Neutral": "S:85a05b5752e38d760ee1e3c358b9e7f3a6d7f63c,",
+      "Feedback.Background.Emphasized.Info": "S:2358c81800537fd7af892217b1cc05c513c8214c,",
+      "Feedback.Background.Emphasized.Error": "S:fbf170480583c736c9961ef91a48e76f74aa5719,",
+      "Feedback.Background.Emphasized.Warning": "S:744910efd2eb1c482437ebdd4163592b0e7a0e8f,",
+      "Feedback.Background.Emphasized.Success": "S:f6fea1fff9594b6d14163d4d295085fece188f76,",
+      "Feedback.Background.Emphasized.Neutral": "S:ef4cd4d6c53cb76e1904be8ea2c4b7ec62fedb9c,",
+      "Feedback.Foreground.Default.Info": "S:db183bd3c65ca5a436960cbb0ae3a67f4e057cd7,",
+      "Feedback.Foreground.Default.Error": "S:0a77ad8594363b44e53e497d2064074c9177e165,",
+      "Feedback.Foreground.Default.Warning": "S:12103cd0b211c4420d87d3ee7eb0e23b8357fc2a,",
+      "Feedback.Foreground.Default.Success": "S:6f1b315a4fc4adba789e969a19de7284f026a208,",
+      "Feedback.Foreground.Default.Neutral": "S:5033ebab1c26de32a4329a3f8b4964ec5b0be1ca,",
+      "Feedback.Foreground.Subtle.Info": "S:f86c544792132107c84c9efaac3010af59630e2d,",
+      "Feedback.Foreground.Subtle.Error": "S:781bab3744f37cd231cef5589553b245ec1a4e27,",
+      "Feedback.Foreground.Subtle.Warning": "S:582a74883b28768ce6d8e2ba08f745c8835b219b,",
+      "Feedback.Foreground.Subtle.Success": "S:8dab44b0956cb9f8880d204144eacfb479535e7e,",
+      "Feedback.Foreground.Subtle.Neutral": "S:aa5cf70c497c9512f15b667e13fc1d05ecbcfddd,",
+      "Feedback.Foreground.Emphasized.Info": "S:dd24acc7e2feb2855d718209ea878bafe47d06ee,",
+      "Feedback.Foreground.Emphasized.Error": "S:0f2c6ad7ee6004629b9f1af5c21fb139c0321a99,",
+      "Feedback.Foreground.Emphasized.Warning": "S:cf8f604a40f3005cf716f957d53117b61eb33ac6,",
+      "Feedback.Foreground.Emphasized.Success": "S:a4cec62aa83cf5de787f1baa6b8d8f10c2be814e,",
+      "Feedback.Foreground.Emphasized.Neutral": "S:da89190fe04d7c761d2c4b6061c313a85fa50f8f,",
+      "Dangerlevel.Background.Mute.Level1": "S:5f8f55584a59c62859d6bca0e06cfc27d5e96fd1,",
+      "Dangerlevel.Background.Mute.Level2": "S:cbafcff5b326bb47a49db13e8c6a163b57256ba1,",
+      "Dangerlevel.Background.Mute.Level3": "S:cf19d3c5842cd923b21abe420b30209bccbded4c,",
+      "Dangerlevel.Background.Mute.Level4": "S:426afeb36909986387d9f0568211e061bb397937,",
+      "Dangerlevel.Background.Mute.Level5": "S:5338750f41a000628324145b271e894bb77fa15c,",
+      "Dangerlevel.Background.Subtle.Level1": "S:84dcd2b7a160db3b91f3cf9d174d01b33a82373d,",
+      "Dangerlevel.Background.Subtle.Level2": "S:7fce116a119f210170d0c24a83f6cb133acfe7f2,",
+      "Dangerlevel.Background.Subtle.Level3": "S:883a58ef238604af100737c1a2265fe0a6563538,",
+      "Dangerlevel.Background.Subtle.Level4": "S:40e96655dc65275f076dd8d0edaa24c2567f7fa2,",
+      "Dangerlevel.Background.Subtle.Level5": "S:8c75f4960bbdbdc4729ca13b127677cbb428aafd,",
+      "Dangerlevel.Background.Default.Level1": "S:83bbcc8413992e9f4b2cf8062c9e7ee59f298a20,",
+      "Dangerlevel.Background.Default.Level2": "S:b66125306eb2cd069cf65be333d7d763458bba70,",
+      "Dangerlevel.Background.Default.Level3": "S:f4310afb7a1d3478862b7d07bdbe9db8c87c187b,",
+      "Dangerlevel.Background.Default.Level4": "S:051666ca1a90727c98dde0400a8c808903ea0b5f,",
+      "Dangerlevel.Background.Default.Level5": "S:d7bdc5ce6ea855abeef0819bc0127fbf44b55b1c,",
+      "Dangerlevel.Foreground.Default.Level1": "S:b6053dbd6af3f1c4ea9f324274a9cfe664a46cfe,",
+      "Dangerlevel.Foreground.Default.Level2": "S:ba44c005b6a8710445f328d7f0550b9284f0a532,",
+      "Dangerlevel.Foreground.Default.Level3": "S:c662aee0ffb3478df8d72557307f5e253de0f9d1,",
+      "Dangerlevel.Foreground.Default.Level4": "S:ff9a20644f58ee1f06bfd03f04c0d827e4dcc87c,",
+      "Dangerlevel.Foreground.Default.Level5": "S:efcac65f7e460ce3fb05b832f84697f84f836b86,",
+      "Dangerlevel.Foreground.Mute.Level1": "S:900233f65a4194e33de6d8ef0d60b3c5259947af,",
+      "Dangerlevel.Foreground.Mute.Level2": "S:ce40d86a2f4abbf63c7b0f4b61ce5f85af0a50b5,",
+      "Dangerlevel.Foreground.Mute.Level3": "S:71954af1f967ae89a34e90000ffd484fdeb7fbc5,",
+      "Dangerlevel.Foreground.Mute.Level4": "S:a40642d7855a4d8da59deca17de198cbb19ad5c3,",
+      "Dangerlevel.Foreground.Mute.Level5": "S:5af47d8e41a25ab516282482d0df35dd74fd070d,",
+      "Dangerlevel.Foreground.Subtle.Level1": "S:015692c0420d2334797b1a16860d2e9072f9fbf8,",
+      "Dangerlevel.Foreground.Subtle.Level2": "S:c9e390cdfbde8f1d6f4d51379af769a78579387e,",
+      "Dangerlevel.Foreground.Subtle.Level3": "S:46dd5871515ac21032d7580acef0ae57d91aea78,",
+      "Dangerlevel.Foreground.Subtle.Level4": "S:df7a7a7fcd5f65c172e741bd4e0e7b88cb6d0672,",
+      "Dangerlevel.Foreground.Subtle.Level5": "S:c3e75cd9a694aa4e9a00dd70fc0e8ea3f6c41056,",
+      "Supplemental.Subtle.Teal.Background": "S:9b8c07f50f080e9fd816d7cd67187d24831b3e3e,",
+      "Supplemental.Subtle.Teal.foreground": "S:6256a77e4f136ab1442b619a4918303d6801c13c,",
+      "Supplemental.Subtle.Purple.Background": "S:a4c5a02e302056dbe474081d7b092b79bbae7362,",
+      "Supplemental.Subtle.Purple.Foreground": "S:10bd00f52a351c769f7068dbfb018219ab27fe6a,",
+      "Supplemental.Subtle.Lime.Background": "S:1b6104cb96765b079881e6369887a8580057a1b1,",
+      "Supplemental.Subtle.Lime.Foreground": "S:5fd7703eb4c7344c204ac56bfe7cb9d641fc1578,",
+      "Supplemental.Subtle.Magenta.Background": "S:289848306c6b9a7cc270aab420fdfc42eea823c0,",
+      "Supplemental.Subtle.Magenta.Foreground": "S:127bd9613f011dc9bc9e35b3191634cb892966cf,",
+      "Supplemental.Subtle.Yellow.Background": "S:3658c2a2baef8ddc48f962bef4fc2299f56d7232,",
+      "Supplemental.Subtle.Yellow.Foreground": "S:57a5574aee4d7b446c0f24d8b83581d8229e4a1b,",
+      "Supplemental.Subtle.Grey.Background": "S:53386fa5d9e655d3dc006ee5125e11e48bb427a3,",
+      "Supplemental.Subtle.Grey.Foreground": "S:708442d259eb596ce89d28f43d08aa64670c0c5b,",
+      "Supplemental.Subtle.Red.Background": "S:3acbcd77c1874240cb45325e80f1900789d9ffe2,",
+      "Supplemental.Subtle.Red.Foreground": "S:1207be932660a9c1406e03790b704a970d225e2c,",
+      "Supplemental.Subtle.Blue.Background": "S:c2e567fe696de56b39ab9c638b099f7fee814bd7,",
+      "Supplemental.Subtle.Blue.Foreground": "S:7f1c104d2cf877c5cfe06025c31e3b05a72bd933,",
+      "Supplemental.Emphasized.Teal.Background": "S:f4b6b291b16df5c068de8d06b93334089590ceaf,",
+      "Supplemental.Emphasized.Teal.Foreground": "S:97aea98902ed9c76695a7dd7461bd7614ab1a99c,",
+      "Supplemental.Emphasized.Purple.Background": "S:73852aeb75a6556e297461ebf25791215b1af832,",
+      "Supplemental.Emphasized.Purple.Foreground": "S:73a78a62e3e41f2f8535491ed50ac7ac4c917cb8,",
+      "Supplemental.Emphasized.Lime.Background": "S:6e6c1c8faf16b608102489d027ecb42c4890a3a6,",
+      "Supplemental.Emphasized.Lime.Foreground": "S:1226068b42d8f94467a1dd82fe6a1bc6c9b633b2,",
+      "Supplemental.Emphasized.Magenta.Background": "S:22870d78b51496e03621d2ca799872c93ca1d120,",
+      "Supplemental.Emphasized.Magenta.Foreground": "S:248007d23f587096054f88a4926685c580997c4a,",
+      "Supplemental.Emphasized.Yellow.Background": "S:3c528c94dd34292421d36a5c7b135e313cdd8d7d,",
+      "Supplemental.Emphasized.Yellow.Foreground": "S:bc270e215f10f635ef56c101b7bd0deda9f98ff5,",
+      "Supplemental.Emphasized.Grey.Background": "S:217e7313d22c1bc565483f84aaad1d8def1d87c9,",
+      "Supplemental.Emphasized.Grey.Foreground": "S:9904a6b8889ce49e65a3d0654fd86b59d144ac2d,",
+      "Supplemental.Emphasized.Red.Foreground": "S:fb69d4811f6a24b4bfee728bf1059faffdefcbba,",
+      "Supplemental.Emphasized.Blue.Background": "S:bdc0f8cda0550d591c38389e79764392d3b63b54,",
+      "Supplemental.Emphasized.Blue.Foreground": "S:6c8ef2f26e179081c3236df0905a3b8b2ede1032,",
+      "Supplemental.Emphasized.Red.bACKGROUND": "S:66511ba1ce0b12ba8f17009c80bb2dfd9b0c2f1f,"
+    },
+    "selectedTokenSets": {
+      "public/theme/light": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:1986:10",
+    "$figmaModeId": "1986:0",
+    "$figmaVariableReferences": {
+      "color.brand.background.primary": "910d9813e760ac89fdaf94bc2d748d88c9d7743d",
+      "color.brand.background.secondary": "312f97a0b978df6bfefba2ead92cde44acc192cb",
+      "color.brand.background.tertiary": "b8b8bf2fd3e2b93534099ed936d380fd67e9db6a",
+      "color.brand.background.quaternary": "1c26c51c3693e216835a6ae6a0f867632fed9aed",
+      "color.brand.foreground.primary": "87a9ad41e338b7d3e9642324d518c828e7e6da9e",
+      "color.brand.foreground.secondary": "45d6e821af5e9a9e2e4f33525bea804fd89ce791",
+      "color.brand.foreground.primary-on-bg": "01ac9c70aaba0f8d0345be7ef55b8a9f42bc2ee9",
+      "color.brand.foreground.secondary-on-bg": "256a1c419dc223315f819dbc423ddab06c058572",
+      "color.brand.foreground.tertiary-on-bg": "97716729dea67cce61cdb2e7846ff8d7f969a4b9",
+      "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae",
+      "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020",
+      "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964",
+      "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2",
+      "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e",
+      "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef",
+      "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc",
+      "color.neutrals.background.secondary": "1a7c01751f84a6ee01eae3b130ef648c367d8cb1",
+      "color.neutrals.background.secondary-dim": "414fbcc0b42c04fbd1299717a5181225d92f7d22",
+      "color.neutrals.background.tertiary-dim": "5115dd3c64f36f7344f90d7e3e4e66ef4cfca41f",
+      "color.neutrals.background.modal-overlay": "6edb649fcaf909ad2cb8fc71266375ea1393ab95",
+      "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa",
+      "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3",
+      "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1",
+      "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913",
+      "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4",
+      "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46",
+      "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183",
+      "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586",
+      "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a",
+      "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa",
+      "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091",
+      "color.interactive.background.primary.enabled": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b",
+      "color.interactive.background.primary.hover": "d0904907beba8db9f5171714e946d81c164038f1",
+      "color.interactive.background.primary.pressed": "4f0b1eaa46470f573a5d2e4dff5ceb087101adce",
+      "color.interactive.background.primary.disabled": "7353b344a6853703eb33183207be7e7df29d941f",
+      "color.interactive.background.secondary.enabled": "8c7fb3d7685c89acaf7059db70a5941a645388ff",
+      "color.interactive.background.secondary.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d",
+      "color.interactive.background.secondary.pressed": "e321afef5bfcf6b9f2b3d5409078d5b863b38f5d",
+      "color.interactive.background.secondary.disabled": "cab9cd603e97384382c4977451c2e657f4824a35",
+      "color.interactive.background.tertiary.enabled": "018fc06fa9a8dcc1c9154e2492994f1e6e6d875e",
+      "color.interactive.background.tertiary.hover": "ee9f969e737f597367ff234c6040301992daa741",
+      "color.interactive.background.tertiary.pressed": "22d41fca9b8b8a771a8bce5df72c49ed92fe21fe",
+      "color.interactive.background.tertiary.disabled": "b293271d50255af00237c9b03f842e55a761b5bf",
+      "color.interactive.background.danger.enabled": "ec761b66843c2661300de26554370a5d6d14d379",
+      "color.interactive.background.danger.hover": "c795e01e4509d8d7eb9cc431b66bf5388bb67bf8",
+      "color.interactive.background.danger.pressed": "be266f93e9fd6444d4b1a537fc4d0c327d159538",
+      "color.interactive.background.danger.disabled": "a4e85fa65ae2e247f6eec69732fd6da3f41cf640",
+      "color.interactive.foreground.primary.enabled": "25c1ec8946363e1b8a759b8795b86513058edb48",
+      "color.interactive.foreground.primary.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f",
+      "color.interactive.foreground.primary.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f",
+      "color.interactive.foreground.secondary.enabled": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e",
+      "color.interactive.foreground.secondary.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc",
+      "color.interactive.foreground.secondary.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2",
+      "color.interactive.foreground.tertiary.enabled": "1f51368e590d654198400dde92ea3b44ca74bba5",
+      "color.interactive.foreground.tertiary.hover": "872d60590c09deee63105e685aa918c8bee1d38e",
+      "color.interactive.foreground.tertiary.disabled": "b190b3da5803b45a821b6b56104d3845149bf3ba",
+      "color.interactive.foreground.danger.enabled": "cba14b847ffe942665ad08945e185ae955e217ed",
+      "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
+      "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
+      "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
+      "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
+      "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
+      "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
+      "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9",
+      "color.interactive.border.secondary.enabled": "d524e3913da28f6267542fec33ab1ad84459a948",
+      "color.interactive.border.secondary.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929",
+      "color.interactive.border.secondary.disabled": "593a28560b76a570c37e9b573f68292beb635f2f",
+      "color.interactive.border.tertiary.enabled": "60dff91a20017bf784756c18efa6b2e66d6c2412",
+      "color.interactive.border.tertiary.hover": "dab4440f36ffb90c7be8cd76c05e12ddc1f40d52",
+      "color.interactive.border.tertiary.disabled": "09ddd5e653b0fa4ce44b59dfccef90e34bb882d6",
+      "color.interactive.border.accessibility.focus": "90d79fe321b7893f89fb6944addb99016c844f74",
+      "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483",
+      "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4",
+      "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1",
+      "color.feedback.background.default.warning": "59317fc5ee488e084c87f2c59968f51487d8f4db",
+      "color.feedback.background.default.success": "ae6361593032c974996bc75bf25e894d5707003d",
+      "color.feedback.background.subtle.neutral": "56275b6a1fa882301385b58e4ed0f10ab41a6c1c",
+      "color.feedback.background.subtle.info": "6c23e0725e5ff44dd58850a6b575e69dfab6ba18",
+      "color.feedback.background.subtle.error": "6e6eb4828e985592f9942a3a2c3e021582e7cff4",
+      "color.feedback.background.subtle.warning": "a2b8c2dab945c1fc5656af2f7da18393e74decd9",
+      "color.feedback.background.subtle.success": "009cdb8b5136e22b35fd9e9743703d8d816de8b6",
+      "color.feedback.background.emphasized.neutral": "7f4f85088432e65503b175015fa00ee8fc95d67e",
+      "color.feedback.background.emphasized.info": "668784b40fb80671d59705fb069c62a1a83fe844",
+      "color.feedback.background.emphasized.error": "e9c936b5265460e18c3b0cf72dd8c95c33f54ab4",
+      "color.feedback.background.emphasized.warning": "96bc52dab3304bbd82b519652b4a1938e4670ab1",
+      "color.feedback.background.emphasized.success": "0f1ef7bee622cc9a3eb21e8e77f9bd1e70be2672",
+      "color.feedback.foreground.neutral": "be316b39e8ec148771450ff1103b1c62cc00a986",
+      "color.feedback.foreground.info": "fcde493bf2e3273bf6104c2fa03fba57088a4cc3",
+      "color.feedback.foreground.error": "a623a5594ef3876d6c4b52c3edd44336eb59e766",
+      "color.feedback.foreground.warning": "c1b6a0959bd18ba5e0310e5c8b390815912ea7fc",
+      "color.feedback.foreground.success": "d14977fa6cbbea5dc04424d8eba94a7fc29a4f01",
+      "color.feedback.foreground.on-bg.subtle.neutral": "86f25980c6792971f30785141f359291b41d0438",
+      "color.feedback.foreground.on-bg.subtle.info": "6ece2c05dba7fa313049254d5218e56d396f1ee1",
+      "color.feedback.foreground.on-bg.subtle.error": "d104c1cd9dddf9b87aa459d106b7ebf84bc98e08",
+      "color.feedback.foreground.on-bg.subtle.warning": "a7902040968d18a03d9bf0b5fc031bf7612ef290",
+      "color.feedback.foreground.on-bg.subtle.success": "469481f3a8313fec09bd983962c82a8035282822",
+      "color.feedback.foreground.on-bg.emphasized.neutral": "779d83292c62963d711ba2bd11a54b24831a5041",
+      "color.feedback.foreground.on-bg.emphasized.info": "ca03bd1902e55052bbe146284a8dcdef6647a6bf",
+      "color.feedback.foreground.on-bg.emphasized.error": "3ca39558b9ed56b258e0558b42134e6223464836",
+      "color.feedback.foreground.on-bg.emphasized.warning": "b65122d666410ebbf5bd69741bf2d3c852102ea4",
+      "color.feedback.foreground.on-bg.emphasized.success": "cd07fe663b482b6271158aa67944df2cb01c9cda",
+      "color.feedback.border.subtle.neutral": "c6d19a77f9de67313d32219fcc2236dfc4682dff",
+      "color.feedback.border.subtle.info": "7214478f9b170e3070390410336809681cd57275",
+      "color.feedback.border.subtle.error": "8f0633dbba7b403a45341cab9d33dcc004615c7a",
+      "color.feedback.border.subtle.warning": "6f9bbac3de5cd62c2b85d1714426e39708d120a5",
+      "color.feedback.border.subtle.success": "7f680939b502b1a1a6c069a865fb7ab86107380d",
+      "color.feedback.border.emphasized.neutral": "e394b52771e7bc85c85efdd5773c9d9e8f3d5d1d",
+      "color.feedback.border.emphasized.info": "4f774b3039901fd93ac2ee098abfaa168d8422eb",
+      "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540",
+      "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5",
+      "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd",
+      "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87",
+      "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27",
+      "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05",
+      "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a",
+      "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a",
+      "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762",
+      "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3",
+      "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590",
+      "color.dangerlevel.background.mute.level4": "7c4e2ec2a000534132ca742c11a73d9f49653037",
+      "color.dangerlevel.background.mute.level5": "f2f28b1df23c3c829213e14a87ff83be2f090e50",
+      "color.dangerlevel.background.subtle.level1": "a244b7c74359c5092206ed6d521657a6fa6d9c07",
+      "color.dangerlevel.background.subtle.level2": "e9b7db4ebc62e255713ce3066f124b456ef4e724",
+      "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653",
+      "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc",
+      "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5",
+      "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a",
+      "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349",
+      "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab",
+      "color.dangerlevel.foreground.default.level4": "8b7f57116cc6623ab9de98340a367f20355c8b68",
+      "color.dangerlevel.foreground.default.level5": "4e5e613266bae910a7721e44730eb46dddae458d",
+      "color.dangerlevel.foreground.mute.level1": "39a6ed0200943aceabc4b9facdd29480d0d6e0ae",
+      "color.dangerlevel.foreground.mute.level2": "bd2765d40897a3d88561f127612974b5d6ab36c1",
+      "color.dangerlevel.foreground.mute.level3": "f4cf54da5caa57736611d887e9509e434f442dd3",
+      "color.dangerlevel.foreground.mute.level4": "241a992a2c4e6e073ef2ebef8bdc88e438610090",
+      "color.dangerlevel.foreground.mute.level5": "961ce7e5c6d552c80accc59f3a3bb3b388a1bd97",
+      "color.dangerlevel.foreground.subtle.level1": "bf67c27dc1f0af22125f2f545701fa08d932ddfc",
+      "color.dangerlevel.foreground.subtle.level2": "cff7da30cc25f44a47d2bada37d31142618b5924",
+      "color.dangerlevel.foreground.subtle.level3": "80d43c9b21b82b94942df8f9234746eaa9e205f8",
+      "color.dangerlevel.foreground.subtle.level4": "9ddcad3c3894f31af16ca267b68b5dd217a142c1",
+      "color.dangerlevel.foreground.subtle.level5": "7dea10be856d5ed78d8a3c919f269654aba9c700",
+      "color.supplemental.subtle.teal.background": "0d3acd4d1fd711add7ede87aa416176dd299998a",
+      "color.supplemental.subtle.teal.foreground": "0c2dbaf08e86f0849cf0f672cc43f7aa60098043",
+      "color.supplemental.subtle.purple.background": "2ae5a562ed865d55f36b709e201d7016acd07476",
+      "color.supplemental.subtle.purple.foreground": "95a2cb214890ab290e8cab8a5dbeb1fd8dd9475d",
+      "color.supplemental.subtle.lime.background": "af2adab8ca5a274b5646b7d445763903af857c35",
+      "color.supplemental.subtle.lime.foreground": "6d390d1a4a61a9941ae8c5069ec4abb5e9d686ba",
+      "color.supplemental.subtle.magenta.background": "908e3600855eceb0ec6b00c94407589420306613",
+      "color.supplemental.subtle.magenta.foreground": "e614a20fd356bec96e18df8750b95ef8e53a594a",
+      "color.supplemental.subtle.yellow.background": "e80ea36c4a2cc3fa59833e07fa790650ab967bfd",
+      "color.supplemental.subtle.yellow.foreground": "4d9599bdd0350ddbe959a9143c965b8645b61450",
+      "color.supplemental.subtle.grey.background": "cf96236babd9df0c39b4d5fd68e788386eb5d5e8",
+      "color.supplemental.subtle.grey.foreground": "893f40ca78a17f3ac7ed91d0263142e48815ff39",
+      "color.supplemental.subtle.red.background": "e3297f72cbdf0b0196d335a95ef7e9fb7627ca63",
+      "color.supplemental.subtle.red.foreground": "d6a9086b7bc92dd61cd0a3bf0df750cd88ed74f4",
+      "color.supplemental.subtle.blue.background": "0ffa9e7ad55870e1743134be1b95b7dc4c581188",
+      "color.supplemental.subtle.blue.foreground": "54161d98ffe994a1bcd29d4b0c71f6e1e2c65a1a",
+      "color.supplemental.emphasized.teal.background": "1f1071caf9a8874e834612d1ed414ae391874ac8",
+      "color.supplemental.emphasized.teal.foreground": "86166f140be26c87b5e93da3606dbc27d916a396",
+      "color.supplemental.emphasized.purple.background": "c158c63f692a55cbd6d1edfad5d305fe374af5bd",
+      "color.supplemental.emphasized.purple.foreground": "7006ba5cb1d4fc3370649af2b629c0c1a74f67ac",
+      "color.supplemental.emphasized.lime.background": "1e89fefa23af0d9c20fa0029fb0fbcc5535a145e",
+      "color.supplemental.emphasized.lime.foreground": "12fe8c5b9638de56c2b697c5dbb29a2be05c06f3",
+      "color.supplemental.emphasized.magenta.background": "1a1480380028ddddbc3d21216bc8836db35cde12",
+      "color.supplemental.emphasized.magenta.foreground": "9e9baa46bdda09591378742f787a0de9686ef54c",
+      "color.supplemental.emphasized.yellow.background": "e3b7c61da614d030bcdf836cb0a43bf1eccbdba3",
+      "color.supplemental.emphasized.yellow.foreground": "8067728af7417849a0f23c338ad831bb9a929337",
+      "color.supplemental.emphasized.grey.background": "b5ce4f507e7948a17fb4afe95f6105863145e562",
+      "color.supplemental.emphasized.grey.foreground": "66cf7e24697600bbaab8a53b4389cf8dce43d53c",
+      "color.supplemental.emphasized.red.background": "9808092f6f5194a79b7244bc344a9bacab86490d",
+      "color.supplemental.emphasized.red.foreground": "73fb5436467c16118707bc80f9d50bc6500c48d2",
+      "color.supplemental.emphasized.blue.background": "ee96fb1be66cef722245c1bbc5e70d79289a68e8",
+      "color.supplemental.emphasized.blue.foreground": "11ac12d4268f7add230a431dba318aaeb1332025",
+      "color.supplemental.charts.background.primary-transparent": "a1173cb84407fdf67ff2df033650eee88955a98a",
+      "color.supplemental.charts.foreground.data-01": "43b3c5d1422787d780a79ffd16c8ba5097116e85",
+      "color.supplemental.charts.foreground.data-02": "682ea5c4552392a49af15970daf40638a229ff75",
+      "color.supplemental.charts.foreground.data-03": "41ecbab61f6c494f65c960f800a42ddc8bf9b065",
+      "color.supplemental.charts.foreground.data-04": "f9918100d475b676e392c5e8434bcca0d3343dce",
+      "color.supplemental.charts.foreground.data-05": "6ea2ef7404461711ae8da06265a2d486aeb65d4d",
+      "color.supplemental.charts.foreground.data-06": "7eddeb5548c459ce0f3f7695cb8d9976b1369bcd",
+      "color.supplemental.charts.foreground.data-07": "95911efc7e575b92f717955b0975ff6255d7ad26",
+      "color.supplemental.charts.foreground.data-08": "7a132b9ef5600954c29d0570bc721468a30c4def",
+      "color.supplemental.charts.foreground.data-09": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f",
+      "color.supplemental.charts.foreground.data-10": "668c11340044b4c6b3b44ab5943bad27c27fe765",
+      "color.supplemental.charts.foreground.data-11": "b0a4e1976436d34bf6a95ea1160c1cfd5f5bf758",
+      "color.supplemental.charts.foreground.data-12": "113f76a453c385f24906a05e12d4631343968ff8",
+      "color.supplemental.charts.foreground.data-13": "ee0c0a7a03ff80e6b1fbb1a77b85a3d0c4e7d06d",
+      "color.supplemental.charts.foreground.data-14": "97cb134a13566c031a9d135828921fd22a1f153a",
+      "color.supplemental.charts.foreground.data-15": "9217c6350bc92a18be83bf46553268a03093944b",
+      "color.supplemental.charts.foreground.data-16": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827",
+      "color.supplemental.charts.foreground.data-17": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4",
+      "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c"
+    },
+    "group": "Theme"
   },
   {
-    "id": "c899ebaf7a50e219fedd5ce2ba7d04dde7bafe2d",
-    "name": "mobile-small",
+    "id": "99744697fe22175961382650c597724705f00012",
+    "name": "dark",
     "$figmaStyleReferences": {
-      "typography.heading.x-large": "S:2d14082c7d239a05bb55a135002c173df3a2c941,",
-      "typography.heading.large": "S:e8243dac9612604777971b1c3c90a90e0f1ad005,",
-      "typography.heading.medium": "S:91602bf2f83e5d9a46c3dcf66f7e9909ab885722,",
-      "typography.heading.small": "S:11d98e5ab68712faa072dd0ba247abb82ffe81ec,",
-      "typography.subheading.large": "S:328e7d24505568f820fd4079471775b8d5fc6584,",
-      "typography.subheading.medium": "S:d9a80cc31b95f3ab936dacbe8be42617d6b5f6bc,",
-      "typography.subheading.small": "S:9aa6e2a04d1d870d1063adf77328fd238e0464d4,",
-      "typography.lead.large-regular": "S:facf9d58af65880af5ebb286d2912189ca8101a8,",
-      "typography.lead.large-semibold": "S:0b6af35d9685c2e29336a19660bf5a4744c47e03,",
-      "typography.lead.medium-regular": "S:4ed6805af2549b6dd724937b45fe522bb41776fa,",
-      "typography.lead.medium-semibold": "S:1544039e0974ee9d57ce80ab30a096c35b3c2d87,",
-      "typography.lead.small-regular": "S:a95c95897b61f7f73f0bd380aace6e28d8bcb58c,",
-      "typography.lead.small-semibold": "S:1f90121e42c434841275a92beeaa5c3919568ce0,",
-      "typography.body.large": "S:5746cd942597681fc1a5e47f8dc2b60f662eda5e,",
-      "typography.body.large-underline": "S:51232b2a9d00e27ae1752ef0f33f10186b4ab001,",
-      "typography.body.medium": "S:bb97ec4ec9713f98ca1134d482ed8e83481c4939,",
-      "typography.body.medium-underline": "S:91d875e5e80d61ce14e9bc3726a0b27ff47e6dc4,",
-      "typography.body.small": "S:d128a3872467da9e930738e0a87232d8a3919e6f,",
-      "typography.body.small-underline": "S:f82da86adb28d630c6c0075aa45b7a3c5a4afc5d,",
-      "typography.body.x-small": "S:3143517a17302ad2b8a00e4e664c8fd55843df07,",
-      "typography.body.x-small-underline": "S:899f81162b88cd98f07b341340b0fed1d00f2c97,",
-      "typography.body.compact.large-compact": "S:f4c8b609ce54a48e414db11ccc40d884c2dfed86,",
-      "typography.body.compact.large-underline-compact": "S:ac484be8f34fba8439c161e8bff978e983462e1e,",
-      "typography.body.compact.medium-compact": "S:41a8556ad303cc2c0087164b32e2b2ba88db2621,",
-      "typography.body.compact.medium-underline-compact": "S:a34b31b00add1735bf48e8960eb1e488ecf58224,",
-      "typography.body.compact.small-compact": "S:23e0144e410e2ef222d3aee34502d43985e52887,",
-      "typography.body.compact.small-underline-compact": "S:cd100dec53e916c6d75de5cc106c1e4591109468,",
-      "typography.body.compact.x-small-compact": "S:faa7895e326b3df498ee8d93ceff47d7f4786475,",
-      "typography.body.compact.x-small-underline-compact": "S:21df253e0ec48ca99e8a511c445eb2e78df203ea,",
-      "typography.detailtext.caption": "S:f7ac66665d237efd6a759604a7381116a63166f0,",
-      "typography.detailtext.caps-large": "S:c9e5c90f9f5ebb46f386f3f5109363bdfc75f7e5,",
-      "typography.detailtext.caps-small": "S:64b456b7ef9cb81951b5f941df1c938f30a91f01,",
-      "typography.label.large": "S:96e267a0376668a9b4af9e5dfd48b7c6a95e0103,",
-      "typography.label.large-light": "S:30ac5564317c70c7349a40b8e1afd974c4f50ab7,",
-      "typography.label.medium": "S:207240fc6a47fab27231bc07cbd202adc17048c1,",
-      "typography.label.medium-light": "S:0637fa987be320645014855ca625c734fdb845b0,",
-      "typography.label.small": "S:44a4ab678664513d4ee53bf9db562612a268b297,",
-      "typography.label.small-light": "S:33d3f0b3e8f5566b9eae17794e21d480b3d041ac,",
-      "typography.label.x-small": "S:5f282cf9e157160c2d30b5a55220f344e5f597d5,",
-      "typography.label.x-small-light": "S:cf711c9da84aee5812a1d93cb1f3df63ab111d81,",
-      "typography.heading.x-small": "S:87af3fe656bcd46c95c393b7f4b35f44aad06ae0,"
-    },
-    "selectedTokenSets": {
-      "public/device/desktop": "enabled",
-      "public/device/mobile-small": "enabled"
-    },
-    "$figmaCollectionId": "VariableCollectionId:1972:338",
-    "$figmaModeId": "3585:0",
-    "$figmaVariableReferences": {
-      "spacing.none": "171c56ac7e847a7ed61fc00c069213c1fc08a281",
-      "spacing.2x-small": "d36759f09d7c7d3105c644067156c2938ade8d99",
-      "spacing.x-small": "f9db08bf2e8b2e496c9d11bdf58e38876661b450",
-      "spacing.small": "e4e2e7aee9a812dccd0d3008b79d9bac2ef8e226",
-      "spacing.medium": "b8a3ceed0dbfaaccc7d895fe5028631880048497",
-      "spacing.large": "a7033f4c374bc05c6247d783af4778b57907669e",
-      "spacing.x-large": "14f619e6622b14d9cac24740b61057f8c9af5d48",
-      "spacing.2x-large": "7adf9a7fe1c1d82b450de2b8f988aa8536c5f8f2",
-      "spacing.3x-large": "a5333b825c397a9ed82c8ad30708a06b35d266f6",
-      "spacing.4x-large": "c257feed4f3f6f28c72575cbd4a89ef12ffdb948",
-      "spacing.5x-large": "f78c932b09fa8cb9522c35918f69ab197a2f1e54",
-      "spacing.content.margin-top": "e1e81ebba47a3cf448df0268b6b816e80b214413",
-      "spacing.content.margin-bottom": "468a19df4c55941dbe5aef1ae08c7398b8442a1d",
-      "spacing.content.margin-left-right": "8dc99016f09d5df95a1e4d8bd717f7a7ac90d3c4",
-      "sizing.4x-small": "29139bad9273cb428bdd7769f9ae7b70b35e47af",
-      "sizing.3x-small": "5f337df3cf80bf7bc633ff2a959ac49e1defab83",
-      "sizing.2x-small": "bf16e67c238b7f651580800dbefb0fe7d7f884a2",
-      "sizing.x-small": "ecdb9d8a7218922d08a8cfe1be16ec6a0f8f54d8",
-      "sizing.small": "bcbc308f8bf4448cd155a1ab4dcca739581095a0",
-      "sizing.medium": "6b5f3dc80ba56858d9470723a63420c75a1da3b9",
-      "sizing.large": "46d4cf43c13dbb4e17c2e69f8213a9cd10ddcabc",
-      "sizing.x-large": "004417b2232a2e7f8681eea40b9047cad3e2973f",
-      "sizing.2x-large": "635aaed6547e9107dd347d088e2086b90e0049c6",
-      "sizing.device.page.min-width": "9654686842713b6b983a119438ea847a6c51d20e",
-      "sizing.device.page.max-width": "b2eee29ad53d44fbedcfe762ef42a0cf0690e0f9",
-      "sizing.device.content.max-width-x-large": "34de016dde62f832f4b8e58931925c8967e19733",
-      "sizing.device.content.max-width-large": "ca182277b454958c766437a3d4d91501a87753c3",
-      "sizing.device.content.max-width-medium": "76cfb718e9c863bdd6de69d9a2330780555922d9",
-      "sizing.device.content.max-width-small": "a8995834a3ce1ed9ae6bf03cc4022692331bdb83",
-      "sizing.device.content.max-width-x-small": "6809bd1b9eccc810a6f65494527bdf7dd02cdb48",
-      "sizing.brand.logo.medium": "a8f98d48d4142e876574a8e105458afadce7c7f2",
-      "sizing.brand.illustration.medium": "815eed610b9f8e603cc1828f64fadedb132a226e",
-      "sizing.image.x-small": "60c9a4dd8ee080f530ed2a4eb5f2ac82cd3e5592",
-      "sizing.image.large": "87805287ca4c3ab08b055dc6264faccde7a722f4",
-      "sizing.card.link-card.height.x-large.min-height": "9f3698a330a146f87e73a5a3895cb39e346b85d4",
-      "sizing.card.link-card.height.x-large.max-height": "c716d641453c28ce1ade70dfbd0a99706e689ee9",
-      "sizing.icon.3x-large": "dda6cbb7bf4da72ec80c33a8cfa3be6ce21fa4f4",
-      "sizing.icon.2x-large": "b07eaef9a7216fa53b2188156f4fc10ba5be3b6c",
-      "sizing.icon.x-large": "f43dbd3db99cb5ca3c5f96d18c453a16600ad5fe",
-      "sizing.icon.large": "af2f11a14e90d2107f2ff75862e6ee643ad12382",
-      "sizing.icon.medium": "f5af03dc233e6277a78163c25600a38a6a2440e2",
-      "sizing.icon.small": "f863139ea3ec12e86196939bb67e1c9dc99b40f9",
-      "sizing.icon.x-small": "e124d544aff5c8e8483772c188c0fe9a559c397d",
-      "font-size.2x-small": "8a0ae01946e793ee4e3f23d211c34356eac36f91",
-      "font-size.x-small": "0ac4a06f4bf7542bc80be890b43d1484a1901dca",
-      "font-size.small": "aa157f4bb96d62eb8dd0ae8a072d7eec2df25b16",
-      "font-size.medium": "a41d74548adda0ee3ecef1dad63c0a47340c1021",
-      "font-size.large": "12fb90ebb4b6ee05e8cd6362f8c46eb01647b844",
-      "font-size.x-large": "b2e60ed156ea4d790cc5d3874bebc3831b14f81f",
-      "font-size.2x-large": "57c5fd3483f53e9216f2ef925d8c545694e504cf",
-      "font-size.3x-large": "9de2b4e936207b93e555c10df80ebb615928072f",
-      "sizing.icon.2x-small": "12ad7b3c19e45a411d07672f4224853b1f45a244",
-      "boolean.device.desktop": "82addb6489d5c73c0609d74af78a10ab7bc1f2ca",
-      "boolean.device.desktop-tablet": "7c42ad69f1fb25ee2584c0552b71b9ce7130b885",
-      "boolean.device.desktop-tablet-mobile": "c14ee4d8e362828d649f40803eddbdcf4c079b1b",
-      "boolean.device.tablet": "8e99228277dcf0a3dcc5a1ed7b1b3aca7d6f9df4",
-      "boolean.device.tablet-mobile": "55fff311064ab4693923a2809c5f89f4bb2f06f9",
-      "boolean.device.mobile": "475a4ca565edcce9f863fc68ec8d8cd17d5964f9",
-      "spacing.fixed-spacing.3x-small": "f367fe28c906542f85b9ab2385d06a30fab49e26",
-      "spacing.fixed-spacing.2x-small": "8378744df4af049609fa7ca05a4b71afce5ca38f",
-      "spacing.fixed-spacing.x-small": "5167075cef3aad596c205fc2806ff2e57e524e36",
-      "spacing.fixed-spacing.small": "2828580ca6e08c90ac4a89404a5e0d12bb6b870b",
-      "spacing.fixed-spacing.medium": "c6a5f0d8c9f26e35bccd8e525c823a13309f2768",
-      "spacing.fixed-spacing.large": "4ed1c642e2c89851e6f1776562f3110d35e01919",
-      "spacing.fixed-spacing.x-large": "eaa9c10a6ad463fb224a1d022df8d1ebc9cf81d9",
-      "sizing.fixed-sizing.2x-small": "6b177c77e5183b534bb72dfab5f45ef5cd644810",
-      "sizing.fixed-sizing.x-small": "029d81c94816d1fe1c7c62612458a755164bed01",
-      "sizing.fixed-sizing.small": "ccb1b8bc106ee99f753849cab9b92bb4d9d1d5a0",
-      "sizing.fixed-sizing.medium": "eefca429b4109288ad2988b1ef4e0bcd5f341404",
-      "sizing.fixed-sizing.large": "d181b13484bee88a4c3bbf785e1caa5e96a2bc77",
-      "sizing.fixed-sizing.x-large": "94da23267f15dce2a2dafa56cb34f9b2a0a01e60",
-      "sizing.fixed-sizing.2x-large": "af8713223ab2b8cfd820a64675ceeef93c670372",
-      "sizing.fixed-sizing.3x-large": "a00b75e5552d46193d42722dd4a0ff0c5506edc9"
+      "Brand.Primary": "S:2f22e3eeefd10e58ad42debd3d7cbe1cc75d4ad1,",
+      "Brand.Light": "S:b5ba0769ac1661e0fc4b554dc2e1d0e0b130fd41,",
+      "Brand.Deep": "S:8aed6caa1dca3a3c52bf573f4bc7cbe4e7e919d9,",
+      "Neutrals.Background.Primary-Contrast": "S:a983e19b32ec491ca5a16886c560476108e4999e,",
+      "Neutrals.Background.Primary": "S:ba4deca1da5a499a1145ba9de1f3dd4dcf7693b8,",
+      "Neutrals.Background.Secondary": "S:444e10ddf6e60d8a3dbf0436a992b612949d27a8,",
+      "Neutrals.Background.Canvas": "S:a063f8430438f320a102752b41f763fee5c36225,",
+      "Neutrals.Foreground.Primary": "S:10b7953d738333fb7c0e2e35a4667aa8b3681f6b,",
+      "Neutrals.Foreground.Subtle": "S:941d34b099405dd8ffec520b3400f6b1a4d67dc0,",
+      "Neutrals.Foreground.Colored": "S:451708e8b8b5ad5df556092d9dc818393fb90b20,",
+      "Neutrals.Border.Default": "S:642ce4b11bd7d4533389594b3274595a8c95c56e,",
+      "Neutrals.Border.Mute": "S:aaa2133c8f09c3f18c6e21da333c63a4cd31dc3a,",
+      "Neutrals.Border.Subtle": "S:b0e2697733a1affd493133fccfa669a047952b13,",
+      "Neutrals.Border.Disabled": "S:616b547c2063bb10b3b984b83ba98284d74169f6,",
+      "Interactive.Primary.Background.Default": "S:7269b3280f2e8ceff0b6fedb12edcfc336355d6d,",
+      "Interactive.Primary.Background.Hover": "S:1e64a7bfed7235c3d01fcf07ac24dd07d5b4a4b6,",
+      "Interactive.Primary.Background.Disabled": "S:cc9bb951ce01249721cb1cdfeed9f8008945a1c4,",
+      "Interactive.Primary.Foreground.Default": "S:76334612724a5b3d2a73dff6de2f8e62578e7321,",
+      "Interactive.Primary.Foreground.Hover": "S:add38eee0ee029f617b8eb30a27360b358b2d7f1,",
+      "Interactive.Primary.Foreground.Disabled": "S:274f9aee87edc4ecb74ebd05f0fa0323985d97fd,",
+      "Interactive.Primary.Foreground.Border.Focus": "S:b5049e7dfe8ebc191ece6dc601ca4478eacf50fb,",
+      "Interactive.Secondary.Background.Default": "S:ce1db92a1d1fa5dce8c5ad876f068e97b5738b14,",
+      "Interactive.Secondary.Background.Hover": "S:0f7b5ff0853b8caa239efde84e259094917db3b8,",
+      "Interactive.Secondary.Background.Disabled": "S:6b83a7aa614fcbe17a8d8d522548720b93622039,",
+      "Interactive.Secondary.Foreground.Default": "S:376a1fb2dc77b373ae116b14d5b9f6b6f077e30b,",
+      "Interactive.Secondary.Foreground.Hover": "S:7ac3ffa1bae31c729e13149fac2b113e56d09db8,",
+      "Interactive.Secondary.Foreground.Disabled": "S:f919b3ce2e78e7c6029ce809e03cd8d98ba4fbeb,",
+      "Interactive.Secondary.Border.Focus": "S:680bcac70c3290415b99e85b78f8c2d2677b0a14,",
+      "Interactive.Outlined.Foreground.Default": "S:e5a768bd078188bc4537725f99077c76c27eb34a,",
+      "Interactive.Outlined.Foreground.Hover": "S:d9f2ba4a149475013d44e2ebac1309ceac42f19f,",
+      "Interactive.Outlined.Foreground.Disabled": "S:b819973fdbf2c91177d62f563f80e541dca0639d,",
+      "Interactive.Outlined.Border.Default": "S:ef283dddb6ffd7d2aaf9d446dc07e92d02c86751,",
+      "Interactive.Outlined.Border.Hover": "S:3d12bfe64af78f190e076e2eb78129342f4f6248,",
+      "Interactive.Outlined.Border.Focus": "S:39b2ba1677f312657f15c0ff8c683aedbd58592b,",
+      "Interactive.Outlined.Border.Disabled": "S:af97013d836c28225006f32b56884c2aab59d62c,",
+      "Interactive.Ghost.Background.Hover": "S:edaa0199842b6bcc884bf5655fe990b223d80d6b,",
+      "Interactive.Ghost.Foreground.Default": "S:eabc199701497112455896123314888c634aaa25,",
+      "Interactive.Ghost.Foreground.Hover": "S:b8e225f400b23482f4d89fb425a4e6d5a50e64c5,",
+      "Interactive.Ghost.Foreground.Disabled": "S:2eab3b2abc9572933abde624b7ac473e1a9804d7,",
+      "Interactive.Ghost.Border.Focus": "S:f668f62bbaf69cc2184ecb75fe4ecc0fa8ed39ef,",
+      "Interactive.Links.Default": "S:70cb06ad7e51d3f4e4c8254b47fa7fb694ae1d16,",
+      "Interactive.Links.Hover": "S:dd8638102355600fd66905ed3200b177ee868b3a,",
+      "Interactive.Links.Focus": "S:119d57aa28702f5c27603dec09b31fbd96093280,",
+      "Interactive.Links.Visited": "S:558b8f8a5f9c464fd4bda8d9c77040b95fca896d,",
+      "Interactive.danger.background.default": "S:d10d368e84a46c54aad4bcad7a3aa284d08f7d7a,",
+      "Interactive.danger.background.hover": "S:99681ee1688ab25d7488b9eabb36cea36d69adef,",
+      "Interactive.danger.background.disabled": "S:2ab298ab49d337699d91e40dc9442b10b7a83e3f,",
+      "Interactive.danger.foreground.default": "S:69b3d28655822f95866c84f39130320dd1d51a21,",
+      "Interactive.danger.foreground.hover": "S:33275715be16ed8ba1309dd8b0e79dea03345cad,",
+      "Interactive.danger.foreground.disabled": "S:c4f1f2ebaeeb85ee9943e3a127b41d43c9aa72e1,",
+      "Interactive.danger.border.focus": "S:f71e788aa47c90155103558c8f7c4ecaec9f731f,",
+      "Feedback.Background.Default.Info": "S:a1dbce30db0e8368cc494403f4a1ba8e34046e5f,",
+      "Feedback.Background.Default.Error": "S:194c50c39292c44a6765c4cb66fff71946300011,",
+      "Feedback.Background.Default.Warning": "S:ba9f55218768012fdeddbce0c80a505e6ed0232a,",
+      "Feedback.Background.Default.Success": "S:ee1d598d28cb019a0914fa1877f6455c34942b7f,",
+      "Feedback.Background.Default.Neutral": "S:a730f08fb3057e784af4190ce71a15135c01bb30,",
+      "Feedback.Background.Subtle.Info": "S:a80a7a9597425bb4b46a999fa9bb8e83ade9c6de,",
+      "Feedback.Background.Subtle.Error": "S:f6afe45cad06bb5ad1b630a811843af1714c2f8a,",
+      "Feedback.Background.Subtle.Warning": "S:eac841f43d2b318dae0e5e46122b5f1198ba6e37,",
+      "Feedback.Background.Subtle.Success": "S:4ea37471a29650877f1efc84e05eed69c6a84e19,",
+      "Feedback.Background.Subtle.Neutral": "S:85a05b5752e38d760ee1e3c358b9e7f3a6d7f63c,",
+      "Feedback.Background.Emphasized.Info": "S:2358c81800537fd7af892217b1cc05c513c8214c,",
+      "Feedback.Background.Emphasized.Error": "S:fbf170480583c736c9961ef91a48e76f74aa5719,",
+      "Feedback.Background.Emphasized.Warning": "S:744910efd2eb1c482437ebdd4163592b0e7a0e8f,",
+      "Feedback.Background.Emphasized.Success": "S:f6fea1fff9594b6d14163d4d295085fece188f76,",
+      "Feedback.Background.Emphasized.Neutral": "S:ef4cd4d6c53cb76e1904be8ea2c4b7ec62fedb9c,",
+      "Feedback.Foreground.Default.Info": "S:db183bd3c65ca5a436960cbb0ae3a67f4e057cd7,",
+      "Feedback.Foreground.Default.Error": "S:0a77ad8594363b44e53e497d2064074c9177e165,",
+      "Feedback.Foreground.Default.Warning": "S:12103cd0b211c4420d87d3ee7eb0e23b8357fc2a,",
+      "Feedback.Foreground.Default.Success": "S:6f1b315a4fc4adba789e969a19de7284f026a208,",
+      "Feedback.Foreground.Default.Neutral": "S:5033ebab1c26de32a4329a3f8b4964ec5b0be1ca,",
+      "Feedback.Foreground.Subtle.Info": "S:f86c544792132107c84c9efaac3010af59630e2d,",
+      "Feedback.Foreground.Subtle.Error": "S:781bab3744f37cd231cef5589553b245ec1a4e27,",
+      "Feedback.Foreground.Subtle.Warning": "S:582a74883b28768ce6d8e2ba08f745c8835b219b,",
+      "Feedback.Foreground.Subtle.Success": "S:8dab44b0956cb9f8880d204144eacfb479535e7e,",
+      "Feedback.Foreground.Subtle.Neutral": "S:aa5cf70c497c9512f15b667e13fc1d05ecbcfddd,",
+      "Feedback.Foreground.Emphasized.Info": "S:dd24acc7e2feb2855d718209ea878bafe47d06ee,",
+      "Feedback.Foreground.Emphasized.Error": "S:0f2c6ad7ee6004629b9f1af5c21fb139c0321a99,",
+      "Feedback.Foreground.Emphasized.Warning": "S:cf8f604a40f3005cf716f957d53117b61eb33ac6,",
+      "Feedback.Foreground.Emphasized.Success": "S:a4cec62aa83cf5de787f1baa6b8d8f10c2be814e,",
+      "Feedback.Foreground.Emphasized.Neutral": "S:da89190fe04d7c761d2c4b6061c313a85fa50f8f,",
+      "Dangerlevel.Background.Mute.Level1": "S:5f8f55584a59c62859d6bca0e06cfc27d5e96fd1,",
+      "Dangerlevel.Background.Mute.Level2": "S:cbafcff5b326bb47a49db13e8c6a163b57256ba1,",
+      "Dangerlevel.Background.Mute.Level3": "S:cf19d3c5842cd923b21abe420b30209bccbded4c,",
+      "Dangerlevel.Background.Mute.Level4": "S:426afeb36909986387d9f0568211e061bb397937,",
+      "Dangerlevel.Background.Mute.Level5": "S:5338750f41a000628324145b271e894bb77fa15c,",
+      "Dangerlevel.Background.Subtle.Level1": "S:84dcd2b7a160db3b91f3cf9d174d01b33a82373d,",
+      "Dangerlevel.Background.Subtle.Level2": "S:7fce116a119f210170d0c24a83f6cb133acfe7f2,",
+      "Dangerlevel.Background.Subtle.Level3": "S:883a58ef238604af100737c1a2265fe0a6563538,",
+      "Dangerlevel.Background.Subtle.Level4": "S:40e96655dc65275f076dd8d0edaa24c2567f7fa2,",
+      "Dangerlevel.Background.Subtle.Level5": "S:8c75f4960bbdbdc4729ca13b127677cbb428aafd,",
+      "Dangerlevel.Background.Default.Level1": "S:83bbcc8413992e9f4b2cf8062c9e7ee59f298a20,",
+      "Dangerlevel.Background.Default.Level2": "S:b66125306eb2cd069cf65be333d7d763458bba70,",
+      "Dangerlevel.Background.Default.Level3": "S:f4310afb7a1d3478862b7d07bdbe9db8c87c187b,",
+      "Dangerlevel.Background.Default.Level4": "S:051666ca1a90727c98dde0400a8c808903ea0b5f,",
+      "Dangerlevel.Background.Default.Level5": "S:d7bdc5ce6ea855abeef0819bc0127fbf44b55b1c,",
+      "Dangerlevel.Foreground.Default.Level1": "S:b6053dbd6af3f1c4ea9f324274a9cfe664a46cfe,",
+      "Dangerlevel.Foreground.Default.Level2": "S:ba44c005b6a8710445f328d7f0550b9284f0a532,",
+      "Dangerlevel.Foreground.Default.Level3": "S:c662aee0ffb3478df8d72557307f5e253de0f9d1,",
+      "Dangerlevel.Foreground.Default.Level4": "S:ff9a20644f58ee1f06bfd03f04c0d827e4dcc87c,",
+      "Dangerlevel.Foreground.Default.Level5": "S:efcac65f7e460ce3fb05b832f84697f84f836b86,",
+      "Dangerlevel.Foreground.Mute.Level1": "S:900233f65a4194e33de6d8ef0d60b3c5259947af,",
+      "Dangerlevel.Foreground.Mute.Level2": "S:ce40d86a2f4abbf63c7b0f4b61ce5f85af0a50b5,",
+      "Dangerlevel.Foreground.Mute.Level3": "S:71954af1f967ae89a34e90000ffd484fdeb7fbc5,",
+      "Dangerlevel.Foreground.Mute.Level4": "S:a40642d7855a4d8da59deca17de198cbb19ad5c3,",
+      "Dangerlevel.Foreground.Mute.Level5": "S:5af47d8e41a25ab516282482d0df35dd74fd070d,",
+      "Dangerlevel.Foreground.Subtle.Level1": "S:015692c0420d2334797b1a16860d2e9072f9fbf8,",
+      "Dangerlevel.Foreground.Subtle.Level2": "S:c9e390cdfbde8f1d6f4d51379af769a78579387e,",
+      "Dangerlevel.Foreground.Subtle.Level3": "S:46dd5871515ac21032d7580acef0ae57d91aea78,",
+      "Dangerlevel.Foreground.Subtle.Level4": "S:df7a7a7fcd5f65c172e741bd4e0e7b88cb6d0672,",
+      "Dangerlevel.Foreground.Subtle.Level5": "S:c3e75cd9a694aa4e9a00dd70fc0e8ea3f6c41056,",
+      "Supplemental.Subtle.Teal.Background": "S:9b8c07f50f080e9fd816d7cd67187d24831b3e3e,",
+      "Supplemental.Subtle.Teal.foreground": "S:6256a77e4f136ab1442b619a4918303d6801c13c,",
+      "Supplemental.Subtle.Purple.Background": "S:a4c5a02e302056dbe474081d7b092b79bbae7362,",
+      "Supplemental.Subtle.Purple.Foreground": "S:10bd00f52a351c769f7068dbfb018219ab27fe6a,",
+      "Supplemental.Subtle.Lime.Background": "S:1b6104cb96765b079881e6369887a8580057a1b1,",
+      "Supplemental.Subtle.Lime.Foreground": "S:5fd7703eb4c7344c204ac56bfe7cb9d641fc1578,",
+      "Supplemental.Subtle.Magenta.Background": "S:289848306c6b9a7cc270aab420fdfc42eea823c0,",
+      "Supplemental.Subtle.Magenta.Foreground": "S:127bd9613f011dc9bc9e35b3191634cb892966cf,",
+      "Supplemental.Subtle.Yellow.Background": "S:3658c2a2baef8ddc48f962bef4fc2299f56d7232,",
+      "Supplemental.Subtle.Yellow.Foreground": "S:57a5574aee4d7b446c0f24d8b83581d8229e4a1b,",
+      "Supplemental.Subtle.Grey.Background": "S:53386fa5d9e655d3dc006ee5125e11e48bb427a3,",
+      "Supplemental.Subtle.Grey.Foreground": "S:708442d259eb596ce89d28f43d08aa64670c0c5b,",
+      "Supplemental.Subtle.Red.Background": "S:3acbcd77c1874240cb45325e80f1900789d9ffe2,",
+      "Supplemental.Subtle.Red.Foreground": "S:1207be932660a9c1406e03790b704a970d225e2c,",
+      "Supplemental.Subtle.Blue.Background": "S:c2e567fe696de56b39ab9c638b099f7fee814bd7,",
+      "Supplemental.Subtle.Blue.Foreground": "S:7f1c104d2cf877c5cfe06025c31e3b05a72bd933,",
+      "Supplemental.Emphasized.Teal.Background": "S:f4b6b291b16df5c068de8d06b93334089590ceaf,",
+      "Supplemental.Emphasized.Teal.Foreground": "S:97aea98902ed9c76695a7dd7461bd7614ab1a99c,",
+      "Supplemental.Emphasized.Purple.Background": "S:73852aeb75a6556e297461ebf25791215b1af832,",
+      "Supplemental.Emphasized.Purple.Foreground": "S:73a78a62e3e41f2f8535491ed50ac7ac4c917cb8,",
+      "Supplemental.Emphasized.Lime.Background": "S:6e6c1c8faf16b608102489d027ecb42c4890a3a6,",
+      "Supplemental.Emphasized.Lime.Foreground": "S:1226068b42d8f94467a1dd82fe6a1bc6c9b633b2,",
+      "Supplemental.Emphasized.Magenta.Background": "S:22870d78b51496e03621d2ca799872c93ca1d120,",
+      "Supplemental.Emphasized.Magenta.Foreground": "S:248007d23f587096054f88a4926685c580997c4a,",
+      "Supplemental.Emphasized.Yellow.Background": "S:3c528c94dd34292421d36a5c7b135e313cdd8d7d,",
+      "Supplemental.Emphasized.Yellow.Foreground": "S:bc270e215f10f635ef56c101b7bd0deda9f98ff5,",
+      "Supplemental.Emphasized.Grey.Background": "S:217e7313d22c1bc565483f84aaad1d8def1d87c9,",
+      "Supplemental.Emphasized.Grey.Foreground": "S:9904a6b8889ce49e65a3d0654fd86b59d144ac2d,",
+      "Supplemental.Emphasized.Red.Foreground": "S:fb69d4811f6a24b4bfee728bf1059faffdefcbba,",
+      "Supplemental.Emphasized.Blue.Background": "S:bdc0f8cda0550d591c38389e79764392d3b63b54,",
+      "Supplemental.Emphasized.Blue.Foreground": "S:6c8ef2f26e179081c3236df0905a3b8b2ede1032,",
+      "Dangerlevel.Foreground.Yellow.Background": "S:d0f1c1490dd7d48532075d0d3b0076e9d0cf8b73,",
+      "Dangerlevel.Foreground.Yellow.Foreground": "S:3b1ef38513f4ce39000e1b9ac79dfea8c9d999ec,",
+      "Dangerlevel.Foreground.Grey.Background": "S:bbb8d7cf505c2fab1516738f48c98995d4fc552d,",
+      "Dangerlevel.Foreground.Grey.Foreground": "S:df9de332465868c7f7e97cb558152bc23d38bf46,",
+      "Dangerlevel.Foreground.Red.Background": "S:738586a9922c7bd1d10aea7211d308a4c4a945b4,",
+      "Dangerlevel.Foreground.Red.Foreground": "S:a94e0fbc9998531d4be0c82cb3edbc178b938cc9,",
+      "Dangerlevel.Foreground.Blue.Background": "S:581d4718d917a46b647551edb64b1d0b3a3bb269,",
+      "Dangerlevel.Foreground.Blue.Foreground": "S:164c69be3f522c7d5317a8313b9369e9b5eaedef,",
+      "Supplemental.Emphasized.Red.Background": "S:9868823e5182ed915f155bb1180a49b637a8e4f6,"
     },
-    "group": "Device"
+    "selectedTokenSets": {
+      "public/theme/dark": "enabled"
+    },
+    "$figmaCollectionId": "VariableCollectionId:1986:10",
+    "$figmaModeId": "1986:1",
+    "$figmaVariableReferences": {
+      "color.brand.background.primary": "910d9813e760ac89fdaf94bc2d748d88c9d7743d",
+      "color.brand.background.secondary": "312f97a0b978df6bfefba2ead92cde44acc192cb",
+      "color.brand.background.tertiary": "b8b8bf2fd3e2b93534099ed936d380fd67e9db6a",
+      "color.brand.background.quaternary": "1c26c51c3693e216835a6ae6a0f867632fed9aed",
+      "color.brand.foreground.primary": "87a9ad41e338b7d3e9642324d518c828e7e6da9e",
+      "color.brand.foreground.secondary": "45d6e821af5e9a9e2e4f33525bea804fd89ce791",
+      "color.brand.foreground.primary-on-bg": "01ac9c70aaba0f8d0345be7ef55b8a9f42bc2ee9",
+      "color.brand.foreground.secondary-on-bg": "256a1c419dc223315f819dbc423ddab06c058572",
+      "color.brand.foreground.tertiary-on-bg": "97716729dea67cce61cdb2e7846ff8d7f969a4b9",
+      "color.brand.border.primary": "4d2d826be2e55faa7c70e2c68aa7c97c2e9b4eae",
+      "color.brand.border.secondary": "df5afa6d4159cca2212e0bae2c9ba44307559020",
+      "color.brand.border.tertiary": "041533c02e08198b5b1b1ae1c8a30ae6305e1964",
+      "color.brand.border.emphasized": "3d9c7ee2e163d3f3a1051dd3a08fc37803c8ecf2",
+      "color.neutrals.background.canvas": "98a063add0686404a57aafebf42ffbc09ef05d7e",
+      "color.neutrals.background.primary": "c4b12b39bcdeb1604b71bdf457a6794a35a6d0ef",
+      "color.neutrals.background.primary-contrast": "71d4634f713a2965056809c40d92c03aa39f6bbc",
+      "color.neutrals.background.secondary": "1a7c01751f84a6ee01eae3b130ef648c367d8cb1",
+      "color.neutrals.background.secondary-dim": "414fbcc0b42c04fbd1299717a5181225d92f7d22",
+      "color.neutrals.background.tertiary-dim": "5115dd3c64f36f7344f90d7e3e4e66ef4cfca41f",
+      "color.neutrals.background.modal-overlay": "6edb649fcaf909ad2cb8fc71266375ea1393ab95",
+      "color.neutrals.foreground.primary": "7b2ff23323a73b6f8edd49f2c37edea6954b8aaa",
+      "color.neutrals.foreground.secondary": "10c4639425f61a800abba08dfa494d39ada3b4d3",
+      "color.neutrals.foreground.subtle": "6e13c02d15cf3087e46295c3477f15f4a909eff1",
+      "color.neutrals.foreground.faint": "8c234986013c9d4dc75e34485850dd3b54a7d913",
+      "color.neutrals.foreground.inverted": "8005180da696d48ef536a96c6de2bebeca01a6d4",
+      "color.neutrals.foreground.white": "11168c53c24d9fed3af85c6d68a225dd9dc33f46",
+      "color.neutrals.border.default": "20ca8407100173ab471d9cc300f1a3983368f183",
+      "color.neutrals.border.emphasized": "eb05ea9fb11b7d919631446adecd9a48b7ebf586",
+      "color.neutrals.border.mute": "5d9a8fc9b75c1ce8463f3178e9e6414b4d18b75a",
+      "color.neutrals.border.subtle": "283146ae0147ec4b20f312edb29074250f5359fa",
+      "color.neutrals.border.disabled": "a8444debb4e0f90291787d98e1b17d825155c091",
+      "color.interactive.background.primary.enabled": "c3c4e39a7d8c6e6dd1fef0841d03dfdf083ea03b",
+      "color.interactive.background.primary.hover": "d0904907beba8db9f5171714e946d81c164038f1",
+      "color.interactive.background.primary.pressed": "4f0b1eaa46470f573a5d2e4dff5ceb087101adce",
+      "color.interactive.background.primary.disabled": "7353b344a6853703eb33183207be7e7df29d941f",
+      "color.interactive.background.secondary.enabled": "8c7fb3d7685c89acaf7059db70a5941a645388ff",
+      "color.interactive.background.secondary.hover": "9e653e0329fe924c2c94f8213005cba7b086a77d",
+      "color.interactive.background.secondary.pressed": "e321afef5bfcf6b9f2b3d5409078d5b863b38f5d",
+      "color.interactive.background.secondary.disabled": "cab9cd603e97384382c4977451c2e657f4824a35",
+      "color.interactive.background.tertiary.enabled": "018fc06fa9a8dcc1c9154e2492994f1e6e6d875e",
+      "color.interactive.background.tertiary.hover": "ee9f969e737f597367ff234c6040301992daa741",
+      "color.interactive.background.tertiary.pressed": "22d41fca9b8b8a771a8bce5df72c49ed92fe21fe",
+      "color.interactive.background.tertiary.disabled": "b293271d50255af00237c9b03f842e55a761b5bf",
+      "color.interactive.background.danger.enabled": "ec761b66843c2661300de26554370a5d6d14d379",
+      "color.interactive.background.danger.hover": "c795e01e4509d8d7eb9cc431b66bf5388bb67bf8",
+      "color.interactive.background.danger.pressed": "be266f93e9fd6444d4b1a537fc4d0c327d159538",
+      "color.interactive.background.danger.disabled": "a4e85fa65ae2e247f6eec69732fd6da3f41cf640",
+      "color.interactive.foreground.primary.enabled": "25c1ec8946363e1b8a759b8795b86513058edb48",
+      "color.interactive.foreground.primary.hover": "036eff9f6d4045e317dc97b76057ba6b2346b76f",
+      "color.interactive.foreground.primary.disabled": "a0aa4434ec5ea8eab8d80965610745b9a89e992f",
+      "color.interactive.foreground.secondary.enabled": "f2c08ed0d479f8d901043aa5e31d5241da1dda2e",
+      "color.interactive.foreground.secondary.hover": "c1d92600e81abb1b6bf6911f380d1b98a6416fbc",
+      "color.interactive.foreground.secondary.disabled": "72107d4bea6e2ef15a35485539928a4e2e56d7a2",
+      "color.interactive.foreground.tertiary.enabled": "1f51368e590d654198400dde92ea3b44ca74bba5",
+      "color.interactive.foreground.tertiary.hover": "872d60590c09deee63105e685aa918c8bee1d38e",
+      "color.interactive.foreground.tertiary.disabled": "b190b3da5803b45a821b6b56104d3845149bf3ba",
+      "color.interactive.foreground.danger.enabled": "cba14b847ffe942665ad08945e185ae955e217ed",
+      "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
+      "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
+      "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
+      "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
+      "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
+      "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
+      "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9",
+      "color.interactive.border.secondary.enabled": "d524e3913da28f6267542fec33ab1ad84459a948",
+      "color.interactive.border.secondary.hover": "a88568f44ded41510d80fcd7cb4c9d6633a9b929",
+      "color.interactive.border.secondary.disabled": "593a28560b76a570c37e9b573f68292beb635f2f",
+      "color.interactive.border.tertiary.enabled": "60dff91a20017bf784756c18efa6b2e66d6c2412",
+      "color.interactive.border.tertiary.hover": "dab4440f36ffb90c7be8cd76c05e12ddc1f40d52",
+      "color.interactive.border.tertiary.disabled": "09ddd5e653b0fa4ce44b59dfccef90e34bb882d6",
+      "color.interactive.border.accessibility.focus": "90d79fe321b7893f89fb6944addb99016c844f74",
+      "color.feedback.background.default.neutral": "c670a8662c6ac6720c8c6bfd010887ccf48d5483",
+      "color.feedback.background.default.info": "7bbd181ee4ab26cccb55468bbd566870bae78af4",
+      "color.feedback.background.default.error": "909f08d0b59e4dd6771eb70a774af847700207d1",
+      "color.feedback.background.default.warning": "59317fc5ee488e084c87f2c59968f51487d8f4db",
+      "color.feedback.background.default.success": "ae6361593032c974996bc75bf25e894d5707003d",
+      "color.feedback.background.subtle.neutral": "56275b6a1fa882301385b58e4ed0f10ab41a6c1c",
+      "color.feedback.background.subtle.info": "6c23e0725e5ff44dd58850a6b575e69dfab6ba18",
+      "color.feedback.background.subtle.error": "6e6eb4828e985592f9942a3a2c3e021582e7cff4",
+      "color.feedback.background.subtle.warning": "a2b8c2dab945c1fc5656af2f7da18393e74decd9",
+      "color.feedback.background.subtle.success": "009cdb8b5136e22b35fd9e9743703d8d816de8b6",
+      "color.feedback.background.emphasized.neutral": "7f4f85088432e65503b175015fa00ee8fc95d67e",
+      "color.feedback.background.emphasized.info": "668784b40fb80671d59705fb069c62a1a83fe844",
+      "color.feedback.background.emphasized.error": "e9c936b5265460e18c3b0cf72dd8c95c33f54ab4",
+      "color.feedback.background.emphasized.warning": "96bc52dab3304bbd82b519652b4a1938e4670ab1",
+      "color.feedback.background.emphasized.success": "0f1ef7bee622cc9a3eb21e8e77f9bd1e70be2672",
+      "color.feedback.foreground.neutral": "be316b39e8ec148771450ff1103b1c62cc00a986",
+      "color.feedback.foreground.info": "fcde493bf2e3273bf6104c2fa03fba57088a4cc3",
+      "color.feedback.foreground.error": "a623a5594ef3876d6c4b52c3edd44336eb59e766",
+      "color.feedback.foreground.warning": "c1b6a0959bd18ba5e0310e5c8b390815912ea7fc",
+      "color.feedback.foreground.success": "d14977fa6cbbea5dc04424d8eba94a7fc29a4f01",
+      "color.feedback.foreground.on-bg.subtle.neutral": "86f25980c6792971f30785141f359291b41d0438",
+      "color.feedback.foreground.on-bg.subtle.info": "6ece2c05dba7fa313049254d5218e56d396f1ee1",
+      "color.feedback.foreground.on-bg.subtle.error": "d104c1cd9dddf9b87aa459d106b7ebf84bc98e08",
+      "color.feedback.foreground.on-bg.subtle.warning": "a7902040968d18a03d9bf0b5fc031bf7612ef290",
+      "color.feedback.foreground.on-bg.subtle.success": "469481f3a8313fec09bd983962c82a8035282822",
+      "color.feedback.foreground.on-bg.emphasized.neutral": "779d83292c62963d711ba2bd11a54b24831a5041",
+      "color.feedback.foreground.on-bg.emphasized.info": "ca03bd1902e55052bbe146284a8dcdef6647a6bf",
+      "color.feedback.foreground.on-bg.emphasized.error": "3ca39558b9ed56b258e0558b42134e6223464836",
+      "color.feedback.foreground.on-bg.emphasized.warning": "b65122d666410ebbf5bd69741bf2d3c852102ea4",
+      "color.feedback.foreground.on-bg.emphasized.success": "cd07fe663b482b6271158aa67944df2cb01c9cda",
+      "color.feedback.border.subtle.neutral": "c6d19a77f9de67313d32219fcc2236dfc4682dff",
+      "color.feedback.border.subtle.info": "7214478f9b170e3070390410336809681cd57275",
+      "color.feedback.border.subtle.error": "8f0633dbba7b403a45341cab9d33dcc004615c7a",
+      "color.feedback.border.subtle.warning": "6f9bbac3de5cd62c2b85d1714426e39708d120a5",
+      "color.feedback.border.subtle.success": "7f680939b502b1a1a6c069a865fb7ab86107380d",
+      "color.feedback.border.emphasized.neutral": "e394b52771e7bc85c85efdd5773c9d9e8f3d5d1d",
+      "color.feedback.border.emphasized.info": "4f774b3039901fd93ac2ee098abfaa168d8422eb",
+      "color.feedback.border.emphasized.error": "98e0d3e2cfa933d6b28620eef6f09a7dc04c9540",
+      "color.feedback.border.emphasized.warning": "64c357a0990415c7ff63f79817f96ad87a4526c5",
+      "color.feedback.border.emphasized.success": "c315e061ed5ec79b652d3ec97c1a610310a551fd",
+      "color.dangerlevel.background.default.level1": "316d1c4dea04166efbaf7d82b7d9c738a3d7ce87",
+      "color.dangerlevel.background.default.level2": "f02444162a0f24e3c6592955af23dd885feebd27",
+      "color.dangerlevel.background.default.level3": "c43d858cf0187f5188805cfc1ae04187e5e62b05",
+      "color.dangerlevel.background.default.level4": "44865babaa7b0c72b9a7540b6b43d27461d6274a",
+      "color.dangerlevel.background.default.level5": "a6c77b17a5b9edb9b5b2bd7f048326654c7f679a",
+      "color.dangerlevel.background.mute.level1": "02546631e18a5e0385626b10c7b2d7cec377f762",
+      "color.dangerlevel.background.mute.level2": "7629af454fa7cfe949abcc91bf342e47aab1bcb3",
+      "color.dangerlevel.background.mute.level3": "b45fa00559398bc4bcf357a67613b0e906b15590",
+      "color.dangerlevel.background.mute.level4": "7c4e2ec2a000534132ca742c11a73d9f49653037",
+      "color.dangerlevel.background.mute.level5": "f2f28b1df23c3c829213e14a87ff83be2f090e50",
+      "color.dangerlevel.background.subtle.level1": "a244b7c74359c5092206ed6d521657a6fa6d9c07",
+      "color.dangerlevel.background.subtle.level2": "e9b7db4ebc62e255713ce3066f124b456ef4e724",
+      "color.dangerlevel.background.subtle.level3": "bb1695064f9e0586f54c86db85c526759eda0653",
+      "color.dangerlevel.background.subtle.level4": "13bfb7589af34eb670576fa57bffe4b8fb0d2edc",
+      "color.dangerlevel.background.subtle.level5": "fa4312faad2523d980b4417b4695d049935ae8c5",
+      "color.dangerlevel.foreground.default.level1": "5e0e9ec1994974ef753b0b8870628ce227195d7a",
+      "color.dangerlevel.foreground.default.level2": "892892587f023514335b314c2316849c023e6349",
+      "color.dangerlevel.foreground.default.level3": "2002a3f1dec80929f82f2c682137bfc778ef38ab",
+      "color.dangerlevel.foreground.default.level4": "8b7f57116cc6623ab9de98340a367f20355c8b68",
+      "color.dangerlevel.foreground.default.level5": "4e5e613266bae910a7721e44730eb46dddae458d",
+      "color.dangerlevel.foreground.mute.level1": "39a6ed0200943aceabc4b9facdd29480d0d6e0ae",
+      "color.dangerlevel.foreground.mute.level2": "bd2765d40897a3d88561f127612974b5d6ab36c1",
+      "color.dangerlevel.foreground.mute.level3": "f4cf54da5caa57736611d887e9509e434f442dd3",
+      "color.dangerlevel.foreground.mute.level4": "241a992a2c4e6e073ef2ebef8bdc88e438610090",
+      "color.dangerlevel.foreground.mute.level5": "961ce7e5c6d552c80accc59f3a3bb3b388a1bd97",
+      "color.dangerlevel.foreground.subtle.level1": "bf67c27dc1f0af22125f2f545701fa08d932ddfc",
+      "color.dangerlevel.foreground.subtle.level2": "cff7da30cc25f44a47d2bada37d31142618b5924",
+      "color.dangerlevel.foreground.subtle.level3": "80d43c9b21b82b94942df8f9234746eaa9e205f8",
+      "color.dangerlevel.foreground.subtle.level4": "9ddcad3c3894f31af16ca267b68b5dd217a142c1",
+      "color.dangerlevel.foreground.subtle.level5": "7dea10be856d5ed78d8a3c919f269654aba9c700",
+      "color.supplemental.subtle.teal.background": "0d3acd4d1fd711add7ede87aa416176dd299998a",
+      "color.supplemental.subtle.teal.foreground": "0c2dbaf08e86f0849cf0f672cc43f7aa60098043",
+      "color.supplemental.subtle.purple.background": "2ae5a562ed865d55f36b709e201d7016acd07476",
+      "color.supplemental.subtle.purple.foreground": "95a2cb214890ab290e8cab8a5dbeb1fd8dd9475d",
+      "color.supplemental.subtle.lime.background": "af2adab8ca5a274b5646b7d445763903af857c35",
+      "color.supplemental.subtle.lime.foreground": "6d390d1a4a61a9941ae8c5069ec4abb5e9d686ba",
+      "color.supplemental.subtle.magenta.background": "908e3600855eceb0ec6b00c94407589420306613",
+      "color.supplemental.subtle.magenta.foreground": "e614a20fd356bec96e18df8750b95ef8e53a594a",
+      "color.supplemental.subtle.yellow.background": "e80ea36c4a2cc3fa59833e07fa790650ab967bfd",
+      "color.supplemental.subtle.yellow.foreground": "4d9599bdd0350ddbe959a9143c965b8645b61450",
+      "color.supplemental.subtle.grey.background": "cf96236babd9df0c39b4d5fd68e788386eb5d5e8",
+      "color.supplemental.subtle.grey.foreground": "893f40ca78a17f3ac7ed91d0263142e48815ff39",
+      "color.supplemental.subtle.red.background": "e3297f72cbdf0b0196d335a95ef7e9fb7627ca63",
+      "color.supplemental.subtle.red.foreground": "d6a9086b7bc92dd61cd0a3bf0df750cd88ed74f4",
+      "color.supplemental.subtle.blue.background": "0ffa9e7ad55870e1743134be1b95b7dc4c581188",
+      "color.supplemental.subtle.blue.foreground": "54161d98ffe994a1bcd29d4b0c71f6e1e2c65a1a",
+      "color.supplemental.emphasized.teal.background": "1f1071caf9a8874e834612d1ed414ae391874ac8",
+      "color.supplemental.emphasized.teal.foreground": "86166f140be26c87b5e93da3606dbc27d916a396",
+      "color.supplemental.emphasized.purple.background": "c158c63f692a55cbd6d1edfad5d305fe374af5bd",
+      "color.supplemental.emphasized.purple.foreground": "7006ba5cb1d4fc3370649af2b629c0c1a74f67ac",
+      "color.supplemental.emphasized.lime.background": "1e89fefa23af0d9c20fa0029fb0fbcc5535a145e",
+      "color.supplemental.emphasized.lime.foreground": "12fe8c5b9638de56c2b697c5dbb29a2be05c06f3",
+      "color.supplemental.emphasized.magenta.background": "1a1480380028ddddbc3d21216bc8836db35cde12",
+      "color.supplemental.emphasized.magenta.foreground": "9e9baa46bdda09591378742f787a0de9686ef54c",
+      "color.supplemental.emphasized.yellow.background": "e3b7c61da614d030bcdf836cb0a43bf1eccbdba3",
+      "color.supplemental.emphasized.yellow.foreground": "8067728af7417849a0f23c338ad831bb9a929337",
+      "color.supplemental.emphasized.grey.background": "b5ce4f507e7948a17fb4afe95f6105863145e562",
+      "color.supplemental.emphasized.grey.foreground": "66cf7e24697600bbaab8a53b4389cf8dce43d53c",
+      "color.supplemental.emphasized.red.background": "9808092f6f5194a79b7244bc344a9bacab86490d",
+      "color.supplemental.emphasized.red.foreground": "73fb5436467c16118707bc80f9d50bc6500c48d2",
+      "color.supplemental.emphasized.blue.background": "ee96fb1be66cef722245c1bbc5e70d79289a68e8",
+      "color.supplemental.emphasized.blue.foreground": "11ac12d4268f7add230a431dba318aaeb1332025",
+      "color.supplemental.charts.background.primary-transparent": "a1173cb84407fdf67ff2df033650eee88955a98a",
+      "color.supplemental.charts.foreground.data-01": "43b3c5d1422787d780a79ffd16c8ba5097116e85",
+      "color.supplemental.charts.foreground.data-02": "682ea5c4552392a49af15970daf40638a229ff75",
+      "color.supplemental.charts.foreground.data-03": "41ecbab61f6c494f65c960f800a42ddc8bf9b065",
+      "color.supplemental.charts.foreground.data-04": "f9918100d475b676e392c5e8434bcca0d3343dce",
+      "color.supplemental.charts.foreground.data-05": "6ea2ef7404461711ae8da06265a2d486aeb65d4d",
+      "color.supplemental.charts.foreground.data-06": "7eddeb5548c459ce0f3f7695cb8d9976b1369bcd",
+      "color.supplemental.charts.foreground.data-07": "95911efc7e575b92f717955b0975ff6255d7ad26",
+      "color.supplemental.charts.foreground.data-08": "7a132b9ef5600954c29d0570bc721468a30c4def",
+      "color.supplemental.charts.foreground.data-09": "7bd6a09ac6aa1e4abe25b9b2b94ca0fa7694975f",
+      "color.supplemental.charts.foreground.data-10": "668c11340044b4c6b3b44ab5943bad27c27fe765",
+      "color.supplemental.charts.foreground.data-11": "b0a4e1976436d34bf6a95ea1160c1cfd5f5bf758",
+      "color.supplemental.charts.foreground.data-12": "113f76a453c385f24906a05e12d4631343968ff8",
+      "color.supplemental.charts.foreground.data-13": "ee0c0a7a03ff80e6b1fbb1a77b85a3d0c4e7d06d",
+      "color.supplemental.charts.foreground.data-14": "97cb134a13566c031a9d135828921fd22a1f153a",
+      "color.supplemental.charts.foreground.data-15": "9217c6350bc92a18be83bf46553268a03093944b",
+      "color.supplemental.charts.foreground.data-16": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827",
+      "color.supplemental.charts.foreground.data-17": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4",
+      "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c"
+    },
+    "group": "Theme"
   }
 ]
diff --git a/tokens/brand/nve.json b/tokens/brand/nve.json
index 79a75121..260125af 100644
--- a/tokens/brand/nve.json
+++ b/tokens/brand/nve.json
@@ -138,6 +138,10 @@
         "$type": "color",
         "$value": "#60656c"
       },
+      "650": {
+        "$type": "color",
+        "$value": "#54585F"
+      },
       "700": {
         "$type": "color",
         "$value": "#484c51"
@@ -1863,4 +1867,4 @@
       "$value": "Norges vassdrags- og energidirektorat"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/tokens/brand/rme.json b/tokens/brand/rme.json
index 3cae685a..fd15e7c9 100644
--- a/tokens/brand/rme.json
+++ b/tokens/brand/rme.json
@@ -137,6 +137,10 @@
         "$type": "color",
         "$value": "#516579"
       },
+      "650": {
+        "$type": "color",
+        "$value": "#4A5C6E"
+      },
       "700": {
         "$type": "color",
         "$value": "#405163"
@@ -271,4 +275,4 @@
       "$value": "Reguleringsmyndigheten for energi"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/tokens/brand/varsom.json b/tokens/brand/varsom.json
index 9ac0a7a7..27980313 100644
--- a/tokens/brand/varsom.json
+++ b/tokens/brand/varsom.json
@@ -137,6 +137,10 @@
         "$type": "color",
         "$value": "#006B99"
       },
+      "650": {
+        "$type": "color",
+        "$value": "#00648F"
+      },
       "700": {
         "$type": "color",
         "$value": "#004766"
@@ -335,4 +339,4 @@
       "$value": "Varsom – en tjeneste levert av NVE, MET og Statens vegvesen"
     }
   }
-}
\ No newline at end of file
+}
diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json
index 187b3e08..9d6a693b 100644
--- a/tokens/public/theme/dark.json
+++ b/tokens/public/theme/dark.json
@@ -9,11 +9,11 @@
         },
         "secondary": {
           "$type": "color",
-          "$value": "{color-shades.brand.250}"
+          "$value": "{color-shades.brand.400}"
         },
         "tertiary": {
           "$type": "color",
-          "$value": "{color-shades.brand.800}"
+          "$value": "{color-shades.accent.000}"
         },
         "quaternary": {
           "$type": "color",
@@ -27,8 +27,7 @@
         },
         "secondary": {
           "$type": "color",
-          "$value": "{color-shades.accent.300}",
-          "$description": "was 300"
+          "$value": "{color-shades.accent.300}"
         },
         "primary-on-bg": {
           "$type": "color",
@@ -36,7 +35,7 @@
         },
         "secondary-on-bg": {
           "$type": "color",
-          "$value": "{color-shades.brand.000}"
+          "$value": "{color-shades.brand.999}"
         },
         "tertiary-on-bg": {
           "$type": "color",
@@ -54,8 +53,7 @@
         },
         "tertiary": {
           "$type": "color",
-          "$value": "{color-shades.brand.300}",
-          "$description": "was 300"
+          "$value": "{color-shades.brand.300}"
         },
         "emphasized": {
           "$type": "color",
@@ -137,7 +135,7 @@
         },
         "subtle": {
           "$type": "color",
-          "$value": "{color-shades.grey.700}"
+          "$value": "{color-shades.grey.650}"
         },
         "disabled": {
           "$type": "color",
@@ -246,7 +244,7 @@
           },
           "disabled": {
             "$type": "color",
-            "$value": "{color-shades.grey.700}"
+            "$value": "{color-shades.grey.650}"
           }
         },
         "tertiary": {
@@ -474,72 +472,6 @@
               "$value": "{color-shades.functional.neutralgrey.000}"
             }
           }
-        },
-        "default": {
-          "neutral": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "info": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "error": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "warning": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "success": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          }
-        },
-        "subtle": {
-          "neutral": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "info": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "error": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "warning": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "success": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          }
-        },
-        "emphasized": {
-          "neutral": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "info": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "error": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          },
-          "warning": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "success": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.000}"
-          }
         }
       },
       "border": {
@@ -976,4 +908,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json
index a1d1368e..3e7e47e3 100644
--- a/tokens/public/theme/light.json
+++ b/tokens/public/theme/light.json
@@ -12,7 +12,7 @@
         },
         "tertiary": {
           "$type": "color",
-          "$value": "{color-shades.brand.150}"
+          "$value": "{color-shades.accent.000}"
         },
         "quaternary": {
           "$type": "color",
@@ -26,8 +26,7 @@
         },
         "secondary": {
           "$type": "color",
-          "$value": "{color-shades.accent.700}",
-          "$description": "was 500"
+          "$value": "{color-shades.accent.700}"
         },
         "primary-on-bg": {
           "$type": "color",
@@ -473,72 +472,6 @@
               "$value": "{color-shades.functional.neutralgrey.000}"
             }
           }
-        },
-        "default": {
-          "neutral": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "info": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "error": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "warning": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "success": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          }
-        },
-        "subtle": {
-          "neutral": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "info": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "error": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "warning": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "success": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          }
-        },
-        "emphasized": {
-          "neutral": {
-            "$type": "color",
-            "$value": "{color-shades.grey.000}"
-          },
-          "info": {
-            "$type": "color",
-            "$value": "{color-shades.grey.000}"
-          },
-          "error": {
-            "$type": "color",
-            "$value": "{color-shades.grey.000}"
-          },
-          "warning": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.999}"
-          },
-          "success": {
-            "$type": "color",
-            "$value": "{color-shades.grey.000}"
-          }
         }
       },
       "border": {
@@ -975,4 +908,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}

From 8902ef22f4b908e7e888cc562fd4f96d55ca0e53 Mon Sep 17 00:00:00 2001
From: Frode Kolstad <frokol@nve.no>
Date: Mon, 29 Jun 2026 14:05:18 +0200
Subject: [PATCH 4/9] fix(tokens): Endring av eksisterende link-farger
 (interactive.foreground.link)

---
 tokens/public/theme/dark.json  | 6 +++---
 tokens/public/theme/light.json | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json
index 9d6a693b..f7047ac9 100644
--- a/tokens/public/theme/dark.json
+++ b/tokens/public/theme/dark.json
@@ -274,15 +274,15 @@
         "link": {
           "enabled": {
             "$type": "color",
-            "$value": "{color-shades.functional.blue.400}"
+            "$value": "{color-shades.grey.000}"
           },
           "hover": {
             "$type": "color",
-            "$value": "{color-shades.functional.blue.200}"
+            "$value": "{color-shades.accent.200}"
           },
           "visited": {
             "$type": "color",
-            "$value": "{color-shades.grey.200}"
+            "$value": "{color-shades.functional.neutralgrey.200}"
           }
         }
       },
diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json
index 3e7e47e3..4be28a98 100644
--- a/tokens/public/theme/light.json
+++ b/tokens/public/theme/light.json
@@ -273,15 +273,15 @@
         "link": {
           "enabled": {
             "$type": "color",
-            "$value": "{color-shades.functional.blue.700}"
+            "$value": "{color-shades.grey.999}"
           },
           "hover": {
             "$type": "color",
-            "$value": "{color-shades.functional.blue.950}"
+            "$value": "{color-shades.accent.500}"
           },
           "visited": {
             "$type": "color",
-            "$value": "{color-shades.grey.600}"
+            "$value": "{color-shades.functional.neutralgrey.600}"
           }
         }
       },

From f0df704c3130fdfe010ac7bd24ab025479aa71e7 Mon Sep 17 00:00:00 2001
From: Frode Kolstad <frokol@nve.no>
Date: Mon, 29 Jun 2026 14:09:12 +0200
Subject: [PATCH 5/9] feat(tokens): lagt til ny farge i
 interactive-foreground.link, pressed

---
 tokens/$themes.json            | 2 ++
 tokens/public/theme/dark.json  | 4 ++++
 tokens/public/theme/light.json | 4 ++++
 3 files changed, 10 insertions(+)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index bd763288..1d5c41d9 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -1430,6 +1430,7 @@
       "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
       "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
       "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
+      "color.interactive.foreground.link.pressed": "33e63e9c738deb787f484342858a44a2479558c2",
       "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
       "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
       "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
@@ -1787,6 +1788,7 @@
       "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
       "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
       "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
+      "color.interactive.foreground.link.pressed": "33e63e9c738deb787f484342858a44a2479558c2",
       "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
       "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
       "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json
index f7047ac9..30a07598 100644
--- a/tokens/public/theme/dark.json
+++ b/tokens/public/theme/dark.json
@@ -280,6 +280,10 @@
             "$type": "color",
             "$value": "{color-shades.accent.200}"
           },
+          "pressed": {
+            "$type": "color",
+            "$value": "{color-shades.accent.300}"
+          },
           "visited": {
             "$type": "color",
             "$value": "{color-shades.functional.neutralgrey.200}"
diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json
index 4be28a98..6ff39000 100644
--- a/tokens/public/theme/light.json
+++ b/tokens/public/theme/light.json
@@ -279,6 +279,10 @@
             "$type": "color",
             "$value": "{color-shades.accent.500}"
           },
+          "pressed": {
+            "$type": "color",
+            "$value": "{color-shades.accent.700}"
+          },
           "visited": {
             "$type": "color",
             "$value": "{color-shades.functional.neutralgrey.600}"

From 706ab0f7ae56e4e0955b572e8f3987e09e26ad6d Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Mon, 29 Jun 2026 12:09:46 +0000
Subject: [PATCH 6/9] =?UTF-8?q?(tokens):=20oppdatert=20css=20basert=20p?=
 =?UTF-8?q?=C3=A5=20nye=20tokens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 doc-site/.vitepress/theme/styles/nve_theme.css    | 14 ++++++++------
 doc-site/.vitepress/theme/styles/rme_theme.css    | 14 ++++++++------
 doc-site/.vitepress/theme/styles/varsom_theme.css | 14 ++++++++------
 public/css/nve.css                                |  7 ++++---
 public/css/nve_dark.css                           |  7 ++++---
 public/css/rme.css                                |  7 ++++---
 public/css/rme_dark.css                           |  7 ++++---
 public/css/varsom.css                             |  7 ++++---
 public/css/varsom_dark.css                        |  7 ++++---
 9 files changed, 48 insertions(+), 36 deletions(-)

diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css
index 2db36e06..187fff26 100644
--- a/doc-site/.vitepress/theme/styles/nve_theme.css
+++ b/doc-site/.vitepress/theme/styles/nve_theme.css
@@ -322,9 +322,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-600);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1024,9 +1025,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-200);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css
index 4514d88e..3ea7348d 100644
--- a/doc-site/.vitepress/theme/styles/rme_theme.css
+++ b/doc-site/.vitepress/theme/styles/rme_theme.css
@@ -322,9 +322,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-600);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1024,9 +1025,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-200);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css
index 2f408afe..bbf80533 100644
--- a/doc-site/.vitepress/theme/styles/varsom_theme.css
+++ b/doc-site/.vitepress/theme/styles/varsom_theme.css
@@ -322,9 +322,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-600);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1024,9 +1025,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-200);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/public/css/nve.css b/public/css/nve.css
index 90748042..58268477 100644
--- a/public/css/nve.css
+++ b/public/css/nve.css
@@ -328,9 +328,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-600);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css
index 582e8e47..1e00c3fa 100644
--- a/public/css/nve_dark.css
+++ b/public/css/nve_dark.css
@@ -328,9 +328,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-200);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/public/css/rme.css b/public/css/rme.css
index a5197955..4529e8f8 100644
--- a/public/css/rme.css
+++ b/public/css/rme.css
@@ -328,9 +328,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-600);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css
index a739e9a7..dec918ba 100644
--- a/public/css/rme_dark.css
+++ b/public/css/rme_dark.css
@@ -328,9 +328,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-200);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/public/css/varsom.css b/public/css/varsom.css
index e93c2455..7d37507c 100644
--- a/public/css/varsom.css
+++ b/public/css/varsom.css
@@ -328,9 +328,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-700);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-950);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-600);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css
index ad4e0775..b68dab40 100644
--- a/public/css/varsom_dark.css
+++ b/public/css/varsom_dark.css
@@ -328,9 +328,10 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-functional-blue-400);
-  --color-interactive-foreground-link-hover: var(--color-shades-functional-blue-200);
-  --color-interactive-foreground-link-visited: var(--color-shades-grey-200);
+  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);

From 763340b7959e4dfe659d7f4e6da386b3b14db02f Mon Sep 17 00:00:00 2001
From: Frode Kolstad <frokol@nve.no>
Date: Mon, 29 Jun 2026 14:10:49 +0200
Subject: [PATCH 7/9] feat(tokens): config


From f14328e218bede4b246725c0d90405e119650747 Mon Sep 17 00:00:00 2001
From: Frode Kolstad <frokol@nve.no>
Date: Thu, 2 Jul 2026 11:12:02 +0200
Subject: [PATCH 8/9] feat(tokens): Lagt til nye farger
 interactive.foreground.link.info

---
 tokens/$themes.json            | 28 +++++++++++++-------
 tokens/public/theme/dark.json  | 48 ++++++++++++++++++++++++----------
 tokens/public/theme/light.json | 48 ++++++++++++++++++++++++----------
 3 files changed, 86 insertions(+), 38 deletions(-)

diff --git a/tokens/$themes.json b/tokens/$themes.json
index 1d5c41d9..d76aee73 100644
--- a/tokens/$themes.json
+++ b/tokens/$themes.json
@@ -1428,10 +1428,10 @@
       "color.interactive.foreground.tertiary.disabled": "b190b3da5803b45a821b6b56104d3845149bf3ba",
       "color.interactive.foreground.danger.enabled": "cba14b847ffe942665ad08945e185ae955e217ed",
       "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
-      "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
-      "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
-      "color.interactive.foreground.link.pressed": "33e63e9c738deb787f484342858a44a2479558c2",
-      "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
+      "color.interactive.foreground.link.primary.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
+      "color.interactive.foreground.link.primary.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
+      "color.interactive.foreground.link.primary.pressed": "33e63e9c738deb787f484342858a44a2479558c2",
+      "color.interactive.foreground.link.primary.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
       "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
       "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
       "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9",
@@ -1562,7 +1562,11 @@
       "color.supplemental.charts.foreground.data-15": "9217c6350bc92a18be83bf46553268a03093944b",
       "color.supplemental.charts.foreground.data-16": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827",
       "color.supplemental.charts.foreground.data-17": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4",
-      "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c"
+      "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c",
+      "color.interactive.foreground.link.info.enabled": "4a0701647a107bd5aaa7ed39a37f3584abad585f",
+      "color.interactive.foreground.link.info.hover": "eea699b6c62afb5786e537ab95d50ab4d3e5bc74",
+      "color.interactive.foreground.link.info.pressed": "c49aff1dbe6c3256bf8388e85809f97a60b6e832",
+      "color.interactive.foreground.link.info.visited": "3f5631f5c615c6ff14d29d7a885009cbb16b2378"
     },
     "group": "Theme"
   },
@@ -1786,10 +1790,10 @@
       "color.interactive.foreground.tertiary.disabled": "b190b3da5803b45a821b6b56104d3845149bf3ba",
       "color.interactive.foreground.danger.enabled": "cba14b847ffe942665ad08945e185ae955e217ed",
       "color.interactive.foreground.danger.disabled": "7a1cc600bf1c6eaca12e71cc32a6b21ff8c1e2fd",
-      "color.interactive.foreground.link.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
-      "color.interactive.foreground.link.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
-      "color.interactive.foreground.link.pressed": "33e63e9c738deb787f484342858a44a2479558c2",
-      "color.interactive.foreground.link.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
+      "color.interactive.foreground.link.primary.enabled": "0bbcbd1a5b8abfb3aec0990b23c02681d7efde64",
+      "color.interactive.foreground.link.primary.hover": "bc6c0e3e17300a85e87e0cc99477d43cbe8b8ad3",
+      "color.interactive.foreground.link.primary.pressed": "33e63e9c738deb787f484342858a44a2479558c2",
+      "color.interactive.foreground.link.primary.visited": "449964460a6f72c71dc25680d2b32cb7799a9f60",
       "color.interactive.border.primary.enabled": "d87443486bd3dfa8ee9a4cba148914b558b3fd06",
       "color.interactive.border.primary.hover": "f45f2ad159d3e15ea1bd55889cc5d9ff76d2a044",
       "color.interactive.border.primary.disabled": "0cb6ca182d903cd6c14a85e3db4e70b6d67b5eb9",
@@ -1920,7 +1924,11 @@
       "color.supplemental.charts.foreground.data-15": "9217c6350bc92a18be83bf46553268a03093944b",
       "color.supplemental.charts.foreground.data-16": "5e6a8893b5bef3f52c7a2a3f7ae435b8669d4827",
       "color.supplemental.charts.foreground.data-17": "9c0ec240c214b566dc7454ad1473d3ccb87d87f4",
-      "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c"
+      "color.supplemental.charts.foreground.data-18": "5e8ba44148e446465bfa18ae34b75605e09d954c",
+      "color.interactive.foreground.link.info.enabled": "4a0701647a107bd5aaa7ed39a37f3584abad585f",
+      "color.interactive.foreground.link.info.hover": "eea699b6c62afb5786e537ab95d50ab4d3e5bc74",
+      "color.interactive.foreground.link.info.pressed": "c49aff1dbe6c3256bf8388e85809f97a60b6e832",
+      "color.interactive.foreground.link.info.visited": "3f5631f5c615c6ff14d29d7a885009cbb16b2378"
     },
     "group": "Theme"
   },
diff --git a/tokens/public/theme/dark.json b/tokens/public/theme/dark.json
index 30a07598..8445c66d 100644
--- a/tokens/public/theme/dark.json
+++ b/tokens/public/theme/dark.json
@@ -272,21 +272,41 @@
           }
         },
         "link": {
-          "enabled": {
-            "$type": "color",
-            "$value": "{color-shades.grey.000}"
-          },
-          "hover": {
-            "$type": "color",
-            "$value": "{color-shades.accent.200}"
-          },
-          "pressed": {
-            "$type": "color",
-            "$value": "{color-shades.accent.300}"
+          "primary": {
+            "enabled": {
+              "$type": "color",
+              "$value": "{color-shades.grey.000}"
+            },
+            "hover": {
+              "$type": "color",
+              "$value": "{color-shades.accent.200}"
+            },
+            "pressed": {
+              "$type": "color",
+              "$value": "{color-shades.accent.300}"
+            },
+            "visited": {
+              "$type": "color",
+              "$value": "{color-shades.functional.neutralgrey.200}"
+            }
           },
-          "visited": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.200}"
+          "info": {
+            "enabled": {
+              "$type": "color",
+              "$value": "{color-shades.functional.blue.150}"
+            },
+            "hover": {
+              "$type": "color",
+              "$value": "{color-shades.functional.blue.100}"
+            },
+            "pressed": {
+              "$type": "color",
+              "$value": "{color-shades.functional.blue.000}"
+            },
+            "visited": {
+              "$type": "color",
+              "$value": "{color-shades.functional.neutralgrey.200}"
+            }
           }
         }
       },
diff --git a/tokens/public/theme/light.json b/tokens/public/theme/light.json
index 6ff39000..becb3978 100644
--- a/tokens/public/theme/light.json
+++ b/tokens/public/theme/light.json
@@ -271,21 +271,41 @@
           }
         },
         "link": {
-          "enabled": {
-            "$type": "color",
-            "$value": "{color-shades.grey.999}"
-          },
-          "hover": {
-            "$type": "color",
-            "$value": "{color-shades.accent.500}"
-          },
-          "pressed": {
-            "$type": "color",
-            "$value": "{color-shades.accent.700}"
+          "primary": {
+            "enabled": {
+              "$type": "color",
+              "$value": "{color-shades.grey.999}"
+            },
+            "hover": {
+              "$type": "color",
+              "$value": "{color-shades.accent.500}"
+            },
+            "pressed": {
+              "$type": "color",
+              "$value": "{color-shades.accent.700}"
+            },
+            "visited": {
+              "$type": "color",
+              "$value": "{color-shades.functional.neutralgrey.600}"
+            }
           },
-          "visited": {
-            "$type": "color",
-            "$value": "{color-shades.functional.neutralgrey.600}"
+          "info": {
+            "enabled": {
+              "$type": "color",
+              "$value": "{color-shades.functional.blue.700}"
+            },
+            "hover": {
+              "$type": "color",
+              "$value": "{color-shades.functional.blue.850}"
+            },
+            "pressed": {
+              "$type": "color",
+              "$value": "{color-shades.functional.blue.999}"
+            },
+            "visited": {
+              "$type": "color",
+              "$value": "{color-shades.functional.neutralgrey.600}"
+            }
           }
         }
       },

From 8a712a0b25a98c34bf8aebb501017ef322f220c3 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Thu, 2 Jul 2026 09:12:28 +0000
Subject: [PATCH 9/9] =?UTF-8?q?(tokens):=20oppdatert=20css=20basert=20p?=
 =?UTF-8?q?=C3=A5=20nye=20tokens?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../.vitepress/theme/styles/nve_theme.css     | 24 ++++++++++++-------
 .../.vitepress/theme/styles/rme_theme.css     | 24 ++++++++++++-------
 .../.vitepress/theme/styles/varsom_theme.css  | 24 ++++++++++++-------
 public/css/nve.css                            | 12 ++++++----
 public/css/nve_dark.css                       | 12 ++++++----
 public/css/rme.css                            | 12 ++++++----
 public/css/rme_dark.css                       | 12 ++++++----
 public/css/varsom.css                         | 12 ++++++----
 public/css/varsom_dark.css                    | 12 ++++++----
 9 files changed, 96 insertions(+), 48 deletions(-)

diff --git a/doc-site/.vitepress/theme/styles/nve_theme.css b/doc-site/.vitepress/theme/styles/nve_theme.css
index 187fff26..5b43264d 100644
--- a/doc-site/.vitepress/theme/styles/nve_theme.css
+++ b/doc-site/.vitepress/theme/styles/nve_theme.css
@@ -322,10 +322,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1025,10 +1029,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/doc-site/.vitepress/theme/styles/rme_theme.css b/doc-site/.vitepress/theme/styles/rme_theme.css
index 3ea7348d..2d24b250 100644
--- a/doc-site/.vitepress/theme/styles/rme_theme.css
+++ b/doc-site/.vitepress/theme/styles/rme_theme.css
@@ -322,10 +322,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1025,10 +1029,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/doc-site/.vitepress/theme/styles/varsom_theme.css b/doc-site/.vitepress/theme/styles/varsom_theme.css
index bbf80533..41d3cbed 100644
--- a/doc-site/.vitepress/theme/styles/varsom_theme.css
+++ b/doc-site/.vitepress/theme/styles/varsom_theme.css
@@ -322,10 +322,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
@@ -1025,10 +1029,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/public/css/nve.css b/public/css/nve.css
index 58268477..f7230646 100644
--- a/public/css/nve.css
+++ b/public/css/nve.css
@@ -328,10 +328,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
diff --git a/public/css/nve_dark.css b/public/css/nve_dark.css
index 1e00c3fa..730455ee 100644
--- a/public/css/nve_dark.css
+++ b/public/css/nve_dark.css
@@ -328,10 +328,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/public/css/rme.css b/public/css/rme.css
index 4529e8f8..f6043cdf 100644
--- a/public/css/rme.css
+++ b/public/css/rme.css
@@ -328,10 +328,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
diff --git a/public/css/rme_dark.css b/public/css/rme_dark.css
index dec918ba..cc8edb90 100644
--- a/public/css/rme_dark.css
+++ b/public/css/rme_dark.css
@@ -328,10 +328,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);
diff --git a/public/css/varsom.css b/public/css/varsom.css
index 7d37507c..e6436655 100644
--- a/public/css/varsom.css
+++ b/public/css/varsom.css
@@ -328,10 +328,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-300);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-000);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-999);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-500);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-700);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-999);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-500);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-700);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-600);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-700);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-850);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-999);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-600);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-999);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-600-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-300);
diff --git a/public/css/varsom_dark.css b/public/css/varsom_dark.css
index b68dab40..e7606df6 100644
--- a/public/css/varsom_dark.css
+++ b/public/css/varsom_dark.css
@@ -328,10 +328,14 @@
   --color-interactive-foreground-tertiary-disabled: var(--color-shades-grey-700);
   --color-interactive-foreground-danger-enabled: var(--color-shades-grey-000);
   --color-interactive-foreground-danger-disabled: var(--color-shades-functional-red-800);
-  --color-interactive-foreground-link-enabled: var(--color-shades-grey-000);
-  --color-interactive-foreground-link-hover: var(--color-shades-accent-200);
-  --color-interactive-foreground-link-pressed: var(--color-shades-accent-300);
-  --color-interactive-foreground-link-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-primary-enabled: var(--color-shades-grey-000);
+  --color-interactive-foreground-link-primary-hover: var(--color-shades-accent-200);
+  --color-interactive-foreground-link-primary-pressed: var(--color-shades-accent-300);
+  --color-interactive-foreground-link-primary-visited: var(--color-shades-functional-neutralgrey-200);
+  --color-interactive-foreground-link-info-enabled: var(--color-shades-functional-blue-150);
+  --color-interactive-foreground-link-info-hover: var(--color-shades-functional-blue-100);
+  --color-interactive-foreground-link-info-pressed: var(--color-shades-functional-blue-000);
+  --color-interactive-foreground-link-info-visited: var(--color-shades-functional-neutralgrey-200);
   --color-interactive-border-primary-enabled: var(--color-shades-grey-000);
   --color-interactive-border-primary-hover: var(--color-shades-functional-neutralgrey-100-050);
   --color-interactive-border-primary-disabled: var(--color-shades-grey-700);