{
  "brand": "Headland Yachting",
  "generated": "Somnia (somnia-tokens)",
  "light": {
    "color.surface.page": {
      "value": "#F4EFE8",
      "css": "--somnia-color-surface-page"
    },
    "color.surface.raised": {
      "value": "#FAF7F2",
      "css": "--somnia-color-surface-raised"
    },
    "color.surface.callout": {
      "value": "#EAE1D5",
      "css": "--somnia-color-surface-callout",
      "description": "Fixed: stays light in both themes"
    },
    "color.surface.on-callout": {
      "value": "#FFFFFF",
      "css": "--somnia-color-surface-on-callout",
      "description": "A raised surface inside a callout (secondary buttons, mockups)"
    },
    "color.surface.logo": {
      "value": "#FFFFFF",
      "css": "--somnia-color-surface-logo",
      "description": "Tile behind a client or partner logo: white in light mode; in dark mode the raised navy used by stat tiles"
    },
    "color.text.primary": {
      "value": "#0F2846",
      "css": "--somnia-color-text-primary"
    },
    "color.text.secondary": {
      "value": "#4A586B",
      "css": "--somnia-color-text-secondary"
    },
    "color.text.on-callout": {
      "value": "#0F2846",
      "css": "--somnia-color-text-on-callout"
    },
    "color.text.on-media": {
      "value": "#FFFFFF",
      "css": "--somnia-color-text-on-media"
    },
    "color.text.on-logo": {
      "value": "#152238",
      "css": "--somnia-color-text-on-logo",
      "description": "Logo text on a logo tile (dark in both themes)"
    },
    "color.action.primary": {
      "value": "#0F2846",
      "css": "--somnia-color-action-primary"
    },
    "color.action.on-primary": {
      "value": "#FFFFFF",
      "css": "--somnia-color-action-on-primary"
    },
    "color.action.on-callout": {
      "value": "#FFFFFF",
      "css": "--somnia-color-action-on-callout",
      "description": "Label on a button inside a callout"
    },
    "color.action.hover": {
      "value": "#1B3A60",
      "css": "--somnia-color-action-hover",
      "description": "Primary button background on hover. Same as the action colour unless a brand sets its own (Gulo: Claw Gold on dark)"
    },
    "color.border.subtle": {
      "value": "rgba(15,40,70,0.12)",
      "css": "--somnia-color-border-subtle"
    },
    "color.border.callout": {
      "value": "#0F2846",
      "css": "--somnia-color-border-callout"
    },
    "color.border.field": {
      "value": "rgba(15,40,70,0.36)",
      "css": "--somnia-color-border-field",
      "description": "Edge of text fields, drop-down lists, date fields and the search box. Brands can make it firmer than the card border so a field reads at its full height beside a solid button."
    },
    "color.border.logo": {
      "value": "rgba(21,34,56,0.12)",
      "css": "--somnia-color-border-logo",
      "description": "Edge of a logo tile"
    },
    "color.border.swatch": {
      "value": "rgba(21,34,56,0.12)",
      "css": "--somnia-color-border-swatch",
      "description": "Hairline drawn inside a colour swatch (brand guide, docs), so a swatch the same colour as the page keeps its shape. Dark and see-through in both modes, so it never shows as a light outline round a dark colour."
    },
    "color.feedback.error": {
      "value": "#C13D0A",
      "css": "--somnia-color-feedback-error",
      "description": "Theme-aware; at least 4.5:1 on page and raised surfaces"
    },
    "color.feedback.error-surface": {
      "value": "#FFF4E5",
      "css": "--somnia-color-feedback-error-surface"
    },
    "color.feedback.error-border": {
      "value": "#C13D0A",
      "css": "--somnia-color-feedback-error-border"
    },
    "color.feedback.error-text": {
      "value": "#3A2400",
      "css": "--somnia-color-feedback-error-text"
    },
    "color.feedback.success-surface": {
      "value": "#EAF6EC",
      "css": "--somnia-color-feedback-success-surface"
    },
    "color.feedback.success-border": {
      "value": "#2E7D46",
      "css": "--somnia-color-feedback-success-border"
    },
    "color.feedback.success-text": {
      "value": "#1A3A24",
      "css": "--somnia-color-feedback-success-text"
    },
    "color.feedback.warning-surface": {
      "value": "#FFF4E5",
      "css": "--somnia-color-feedback-warning-surface"
    },
    "color.feedback.warning-border": {
      "value": "#B4812A",
      "css": "--somnia-color-feedback-warning-border"
    },
    "color.feedback.warning-text": {
      "value": "#3A2400",
      "css": "--somnia-color-feedback-warning-text",
      "description": "Text and icon in a warning notice"
    },
    "color.feedback.info-surface": {
      "value": "#EAF2FC",
      "css": "--somnia-color-feedback-info-surface"
    },
    "color.feedback.info-border": {
      "value": "#2F6BB3",
      "css": "--somnia-color-feedback-info-border"
    },
    "color.feedback.info-text": {
      "value": "#12305A",
      "css": "--somnia-color-feedback-info-text",
      "description": "Text and icon in an information notice"
    },
    "color.status.open": {
      "value": "#1B7A3D",
      "css": "--somnia-color-status-open"
    },
    "color.status.limited": {
      "value": "#B4812A",
      "css": "--somnia-color-status-limited"
    },
    "color.status.full": {
      "value": "#C13D0A",
      "css": "--somnia-color-status-full"
    },
    "color.overlay.light": {
      "value": "rgba(11,18,32,0.38)",
      "css": "--somnia-color-overlay-light"
    },
    "color.overlay.medium": {
      "value": "rgba(11,18,32,0.72)",
      "css": "--somnia-color-overlay-medium"
    },
    "color.overlay.heavy": {
      "value": "rgba(11,18,32,0.88)",
      "css": "--somnia-color-overlay-heavy"
    },
    "color.inverse.page": {
      "value": "#081627",
      "css": "--somnia-color-inverse-page"
    },
    "color.inverse.raised": {
      "value": "#10233D",
      "css": "--somnia-color-inverse-raised"
    },
    "color.inverse.text": {
      "value": "#F4EFE8",
      "css": "--somnia-color-inverse-text"
    },
    "color.inverse.text-secondary": {
      "value": "#A9B5C4",
      "css": "--somnia-color-inverse-text-secondary"
    },
    "color.inverse.border": {
      "value": "rgba(244,239,232,0.14)",
      "css": "--somnia-color-inverse-border"
    },
    "color.inverse.accent": {
      "value": "#D7C9B8",
      "css": "--somnia-color-inverse-accent"
    },
    "color.inverse.on-accent": {
      "value": "#081627",
      "css": "--somnia-color-inverse-on-accent",
      "description": "Text on the inverse accent (buttons and selected states on an inverse panel)"
    },
    "color.focus.ring": {
      "value": "#0F2846",
      "css": "--somnia-color-focus-ring"
    },
    "color.code.surface": {
      "value": "#FAF7F2",
      "css": "--somnia-color-code-surface",
      "description": "Code blocks and inline code sit on the raised surface, so they take on each brand like tables and cards"
    },
    "color.code.text": {
      "value": "#0F2846",
      "css": "--somnia-color-code-text"
    },
    "color.code.comment": {
      "value": "#566074",
      "css": "--somnia-color-code-comment"
    },
    "color.code.keyword": {
      "value": "#A8310A",
      "css": "--somnia-color-code-keyword"
    },
    "color.code.string": {
      "value": "#0B6B52",
      "css": "--somnia-color-code-string"
    },
    "color.code.function": {
      "value": "#1E4FA8",
      "css": "--somnia-color-code-function"
    },
    "color.code.constant": {
      "value": "#7A4300",
      "css": "--somnia-color-code-constant"
    },
    "color.code.punctuation": {
      "value": "#4B5567",
      "css": "--somnia-color-code-punctuation"
    },
    "color.code.border": {
      "value": "rgba(15,40,70,0.12)",
      "css": "--somnia-color-code-border"
    },
    "color.print.paper": {
      "value": "#FFFFFF",
      "css": "--somnia-color-print-paper",
      "description": "The sheet, and any surface that would otherwise be tinted"
    },
    "color.print.text": {
      "value": "#0F2846",
      "css": "--somnia-color-print-text",
      "description": "Running text and headings on paper"
    },
    "color.print.text-secondary": {
      "value": "#4A586B",
      "css": "--somnia-color-print-text-secondary",
      "description": "Captions, labels and the source line"
    },
    "color.print.accent": {
      "value": "#0F2846",
      "css": "--somnia-color-print-accent",
      "description": "Links and accent marks on paper"
    },
    "color.print.rule": {
      "value": "#A3A3A3",
      "css": "--somnia-color-print-rule",
      "description": "Box outlines and dividers on paper: firmer than the screen border so they survive printing. Brands set their own."
    },
    "color.illustration.ground": {
      "value": "#F3F0E9",
      "css": "--somnia-color-illustration-ground",
      "description": "Background of an illustration"
    },
    "color.illustration.grid": {
      "value": "rgba(21,34,56,0.06)",
      "css": "--somnia-color-illustration-grid",
      "description": "Construction grid lines"
    },
    "color.illustration.strong": {
      "value": "#152238",
      "css": "--somnia-color-illustration-strong",
      "description": "Main shapes"
    },
    "color.illustration.accent": {
      "value": "#B23508",
      "css": "--somnia-color-illustration-accent",
      "description": "Accent shapes"
    },
    "color.illustration.mid": {
      "value": "#3F4A5C",
      "css": "--somnia-color-illustration-mid",
      "description": "Secondary shapes"
    },
    "color.illustration.soft": {
      "value": "#B9C2D0",
      "css": "--somnia-color-illustration-soft",
      "description": "Quiet shapes"
    },
    "color.tag.background": {
      "value": "rgba(15,40,70,0.06)",
      "css": "--somnia-color-tag-background"
    },
    "color.tag.border": {
      "value": "rgba(15,40,70,0.28)",
      "css": "--somnia-color-tag-border"
    },
    "color.tag.text": {
      "value": "#0F2846",
      "css": "--somnia-color-tag-text"
    },
    "color.rating.star": {
      "value": "#B4812A",
      "css": "--somnia-color-rating-star",
      "description": "Filled star in a review score (a graphic beside its words, 3:1 on cards)"
    },
    "color.highlight.icon": {
      "value": "#0F2846",
      "css": "--somnia-color-highlight-icon",
      "description": "Icons and small graphics beside words (facts, chips, menus). A brand can give them their own colour (3:1 on cards)"
    },
    "color.chat.button": {
      "value": "#0F2846",
      "css": "--somnia-color-chat-button",
      "description": "The round button"
    },
    "color.chat.icon": {
      "value": "#FFFFFF",
      "css": "--somnia-color-chat-icon",
      "description": "The speech bubble on the button"
    },
    "color.chat.ring": {
      "value": "#FFFFFF",
      "css": "--somnia-color-chat-ring",
      "description": "Ring round the \"online now\" dot, so it stands off the button"
    },
    "shadow.raised": {
      "value": "0 1px 2px rgba(21,34,56,0.06), 0 8px 24px rgba(21,34,56,0.06)",
      "css": "--somnia-shadow-raised",
      "description": "Two-layer CSS shadow, stored as a string (the build passes it through as-is)"
    },
    "shadow.glow": {
      "value": "0 1px 2px rgba(21,34,56,0.06), 0 0 0 1px color-mix(in srgb, var(--somnia-color-action-primary) 14%, transparent), 0 14px 44px color-mix(in srgb, var(--somnia-color-action-primary) 16%, transparent)",
      "css": "--somnia-shadow-glow",
      "description": "A soft glow in the brand accent that lifts one feature (the case study mockup) above the page. Use sparingly."
    },
    "font.heading": {
      "value": "'DM Serif Display', Georgia, 'Times New Roman', serif",
      "css": "--somnia-font-heading",
      "description": "Headings, display text, card titles"
    },
    "font.body": {
      "value": "'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif",
      "css": "--somnia-font-body",
      "description": "Running text, interface text, buttons"
    },
    "font.mono": {
      "value": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
      "css": "--somnia-font-mono",
      "description": "Eyebrows, labels, code, tabular figures"
    },
    "font.logo": {
      "value": "'DM Serif Display', Georgia, 'Times New Roman', serif",
      "css": "--somnia-font-logo",
      "description": "Somnia's default wordmark (the site name) follows the heading font; a brand with a fixed logo face sets its own"
    },
    "font.logo-strap": {
      "value": "'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif",
      "css": "--somnia-font-logo-strap",
      "description": "The strapline under a logo lockup"
    },
    "shape.card": {
      "value": "8px",
      "css": "--somnia-shape-card",
      "description": "Cards, panels, callouts, dialogs"
    },
    "shape.control": {
      "value": "4px",
      "css": "--somnia-shape-control",
      "description": "Buttons"
    },
    "shape.field": {
      "value": "4px",
      "css": "--somnia-shape-field",
      "description": "Text fields, selects and text areas"
    },
    "shape.search": {
      "value": "4px",
      "css": "--somnia-shape-search",
      "description": "The header search box and the search page's box"
    },
    "typography.heading-case": {
      "value": "none",
      "css": "--somnia-typography-heading-case",
      "description": "text-transform for h1 to h3"
    },
    "typography.heading-tracking": {
      "value": "0em",
      "css": "--somnia-typography-heading-tracking",
      "description": "letter-spacing for h1 to h3"
    },
    "typography.heading-weight": {
      "value": "400",
      "css": "--somnia-typography-heading-weight",
      "description": "font-weight for h1 to h3 and page titles. A display face with one weight (e.g. DM Serif Display) sets 400 so the browser doesn't fake a bold"
    },
    "typography.button-case": {
      "value": "none",
      "css": "--somnia-typography-button-case",
      "description": "text-transform for buttons"
    },
    "typography.button-tracking": {
      "value": "0.01em",
      "css": "--somnia-typography-button-tracking",
      "description": "letter-spacing for buttons"
    },
    "flow.block": {
      "value": "16px",
      "css": "--somnia-flow-block",
      "description": "Between paragraphs, lists, figures and other blocks"
    },
    "flow.heading": {
      "value": "12px",
      "css": "--somnia-flow-heading",
      "description": "From a heading to the text under it"
    },
    "flow.subsection": {
      "value": "24px",
      "css": "--somnia-flow-subsection",
      "description": "Above an h3"
    },
    "flow.section": {
      "value": "32px",
      "css": "--somnia-flow-section",
      "description": "Above an h2"
    },
    "layout.section": {
      "value": "clamp(56px, 8vw, 96px)",
      "css": "--somnia-layout-section",
      "description": "Between page sections (a section's padding above its content; the next section supplies the gap below)"
    }
  },
  "dark": {
    "color.surface.page": {
      "value": "#081627",
      "css": "--somnia-color-surface-page"
    },
    "color.surface.raised": {
      "value": "#10233D",
      "css": "--somnia-color-surface-raised"
    },
    "color.surface.callout": {
      "value": "#EAE1D5",
      "css": "--somnia-color-surface-callout",
      "description": "Fixed: stays light in both themes"
    },
    "color.surface.on-callout": {
      "value": "#FFFFFF",
      "css": "--somnia-color-surface-on-callout",
      "description": "A raised surface inside a callout (secondary buttons, mockups)"
    },
    "color.surface.logo": {
      "value": "#FFFFFF",
      "css": "--somnia-color-surface-logo",
      "description": "Partner and membership logos keep their own colours, so their tiles stay white in dark mode too"
    },
    "color.text.primary": {
      "value": "#F4EFE8",
      "css": "--somnia-color-text-primary"
    },
    "color.text.secondary": {
      "value": "#A9B5C4",
      "css": "--somnia-color-text-secondary"
    },
    "color.text.on-callout": {
      "value": "#0F2846",
      "css": "--somnia-color-text-on-callout"
    },
    "color.text.on-media": {
      "value": "#FFFFFF",
      "css": "--somnia-color-text-on-media"
    },
    "color.text.on-logo": {
      "value": "#F3F0E9",
      "css": "--somnia-color-text-on-logo",
      "description": "Logo text on a logo tile"
    },
    "color.action.primary": {
      "value": "#D7C9B8",
      "css": "--somnia-color-action-primary"
    },
    "color.action.on-primary": {
      "value": "#081627",
      "css": "--somnia-color-action-on-primary"
    },
    "color.action.on-callout": {
      "value": "#FFFFFF",
      "css": "--somnia-color-action-on-callout",
      "description": "Label on a button inside a callout"
    },
    "color.action.hover": {
      "value": "#F4EFE8",
      "css": "--somnia-color-action-hover",
      "description": "Primary button background on hover. Same as the action colour unless a brand sets its own (Gulo: Claw Gold on dark)"
    },
    "color.border.subtle": {
      "value": "rgba(244,239,232,0.14)",
      "css": "--somnia-color-border-subtle"
    },
    "color.border.callout": {
      "value": "#0F2846",
      "css": "--somnia-color-border-callout",
      "description": "The callout stays light in both themes, so its edge and buttons stay navy"
    },
    "color.border.field": {
      "value": "rgba(244,239,232,0.30)",
      "css": "--somnia-color-border-field",
      "description": "Edge of text fields, drop-down lists, date fields and the search box. Brands can make it firmer than the card border so a field reads at its full height beside a solid button."
    },
    "color.border.logo": {
      "value": "rgba(255,255,255,0.10)",
      "css": "--somnia-color-border-logo",
      "description": "Edge of a logo tile"
    },
    "color.border.swatch": {
      "value": "rgba(21,34,56,0.12)",
      "css": "--somnia-color-border-swatch",
      "description": "Hairline drawn inside a colour swatch (brand guide, docs), so a swatch the same colour as the page keeps its shape. Dark and see-through in both modes, so it never shows as a light outline round a dark colour."
    },
    "color.feedback.error": {
      "value": "#FF7A3D",
      "css": "--somnia-color-feedback-error",
      "description": "Theme-aware; at least 4.5:1 on page and raised surfaces"
    },
    "color.feedback.error-surface": {
      "value": "#3A2400",
      "css": "--somnia-color-feedback-error-surface",
      "description": "A dark tint in dark mode, so the message doesn't glare"
    },
    "color.feedback.error-border": {
      "value": "#FF7A3D",
      "css": "--somnia-color-feedback-error-border"
    },
    "color.feedback.error-text": {
      "value": "#FFF4E5",
      "css": "--somnia-color-feedback-error-text"
    },
    "color.feedback.success-surface": {
      "value": "#1A3A24",
      "css": "--somnia-color-feedback-success-surface"
    },
    "color.feedback.success-border": {
      "value": "#2E7D46",
      "css": "--somnia-color-feedback-success-border"
    },
    "color.feedback.success-text": {
      "value": "#EAF6EC",
      "css": "--somnia-color-feedback-success-text"
    },
    "color.feedback.warning-surface": {
      "value": "#3A2400",
      "css": "--somnia-color-feedback-warning-surface"
    },
    "color.feedback.warning-border": {
      "value": "#B4812A",
      "css": "--somnia-color-feedback-warning-border"
    },
    "color.feedback.warning-text": {
      "value": "#FCE7C2",
      "css": "--somnia-color-feedback-warning-text"
    },
    "color.feedback.info-surface": {
      "value": "#0C2240",
      "css": "--somnia-color-feedback-info-surface"
    },
    "color.feedback.info-border": {
      "value": "#2F6BB3",
      "css": "--somnia-color-feedback-info-border"
    },
    "color.feedback.info-text": {
      "value": "#EAF2FC",
      "css": "--somnia-color-feedback-info-text"
    },
    "color.status.open": {
      "value": "#1B7A3D",
      "css": "--somnia-color-status-open"
    },
    "color.status.limited": {
      "value": "#B4812A",
      "css": "--somnia-color-status-limited"
    },
    "color.status.full": {
      "value": "#C13D0A",
      "css": "--somnia-color-status-full"
    },
    "color.overlay.light": {
      "value": "rgba(11,18,32,0.38)",
      "css": "--somnia-color-overlay-light"
    },
    "color.overlay.medium": {
      "value": "rgba(11,18,32,0.72)",
      "css": "--somnia-color-overlay-medium"
    },
    "color.overlay.heavy": {
      "value": "rgba(11,18,32,0.88)",
      "css": "--somnia-color-overlay-heavy"
    },
    "color.inverse.page": {
      "value": "#F4EFE8",
      "css": "--somnia-color-inverse-page"
    },
    "color.inverse.raised": {
      "value": "#FAF7F2",
      "css": "--somnia-color-inverse-raised"
    },
    "color.inverse.text": {
      "value": "#0F2846",
      "css": "--somnia-color-inverse-text"
    },
    "color.inverse.text-secondary": {
      "value": "#4A586B",
      "css": "--somnia-color-inverse-text-secondary"
    },
    "color.inverse.border": {
      "value": "rgba(15,40,70,0.12)",
      "css": "--somnia-color-inverse-border"
    },
    "color.inverse.accent": {
      "value": "#0F2846",
      "css": "--somnia-color-inverse-accent"
    },
    "color.inverse.on-accent": {
      "value": "#FFFFFF",
      "css": "--somnia-color-inverse-on-accent",
      "description": "Text on the inverse accent (buttons and selected states on an inverse panel)"
    },
    "color.focus.ring": {
      "value": "#D7C9B8",
      "css": "--somnia-color-focus-ring"
    },
    "color.code.surface": {
      "value": "#10233D",
      "css": "--somnia-color-code-surface",
      "description": "Code blocks and inline code sit on the raised surface, so they take on each brand like tables and cards"
    },
    "color.code.text": {
      "value": "#F4EFE8",
      "css": "--somnia-color-code-text"
    },
    "color.code.comment": {
      "value": "#9AA6BA",
      "css": "--somnia-color-code-comment"
    },
    "color.code.keyword": {
      "value": "#FF8F5C",
      "css": "--somnia-color-code-keyword"
    },
    "color.code.string": {
      "value": "#7FD6B0",
      "css": "--somnia-color-code-string"
    },
    "color.code.function": {
      "value": "#8DB4FF",
      "css": "--somnia-color-code-function"
    },
    "color.code.constant": {
      "value": "#F2C46D",
      "css": "--somnia-color-code-constant"
    },
    "color.code.punctuation": {
      "value": "#B9C2D0",
      "css": "--somnia-color-code-punctuation"
    },
    "color.code.border": {
      "value": "rgba(244,239,232,0.14)",
      "css": "--somnia-color-code-border"
    },
    "color.print.paper": {
      "value": "#FFFFFF",
      "css": "--somnia-color-print-paper",
      "description": "The sheet, and any surface that would otherwise be tinted"
    },
    "color.print.text": {
      "value": "#F4EFE8",
      "css": "--somnia-color-print-text",
      "description": "Running text and headings on paper"
    },
    "color.print.text-secondary": {
      "value": "#A9B5C4",
      "css": "--somnia-color-print-text-secondary",
      "description": "Captions, labels and the source line"
    },
    "color.print.accent": {
      "value": "#D7C9B8",
      "css": "--somnia-color-print-accent",
      "description": "Links and accent marks on paper"
    },
    "color.print.rule": {
      "value": "#A3A3A3",
      "css": "--somnia-color-print-rule",
      "description": "Box outlines and dividers on paper: firmer than the screen border so they survive printing. Brands set their own."
    },
    "color.illustration.ground": {
      "value": "#131C2E",
      "css": "--somnia-color-illustration-ground",
      "description": "Background of an illustration"
    },
    "color.illustration.grid": {
      "value": "rgba(255,255,255,0.10)",
      "css": "--somnia-color-illustration-grid",
      "description": "Construction grid lines"
    },
    "color.illustration.strong": {
      "value": "#F3F0E9",
      "css": "--somnia-color-illustration-strong",
      "description": "Main shapes"
    },
    "color.illustration.accent": {
      "value": "#FF7A3D",
      "css": "--somnia-color-illustration-accent",
      "description": "Accent shapes"
    },
    "color.illustration.mid": {
      "value": "#B9C2D0",
      "css": "--somnia-color-illustration-mid",
      "description": "Secondary shapes"
    },
    "color.illustration.soft": {
      "value": "#3F4A5C",
      "css": "--somnia-color-illustration-soft",
      "description": "Quiet shapes"
    },
    "color.tag.background": {
      "value": "rgba(244,239,232,0.08)",
      "css": "--somnia-color-tag-background"
    },
    "color.tag.border": {
      "value": "rgba(244,239,232,0.30)",
      "css": "--somnia-color-tag-border"
    },
    "color.tag.text": {
      "value": "#F4EFE8",
      "css": "--somnia-color-tag-text"
    },
    "color.rating.star": {
      "value": "#B4812A",
      "css": "--somnia-color-rating-star",
      "description": "Filled star in a review score (a graphic beside its words, 3:1 on cards)"
    },
    "color.highlight.icon": {
      "value": "#D7C9B8",
      "css": "--somnia-color-highlight-icon",
      "description": "Icons and small graphics beside words (facts, chips, menus). A brand can give them their own colour (3:1 on cards)"
    },
    "color.chat.button": {
      "value": "#D7C9B8",
      "css": "--somnia-color-chat-button",
      "description": "The accent (sand), as the Enquire button: the speech bubble is the button, with navy dots"
    },
    "color.chat.icon": {
      "value": "#081627",
      "css": "--somnia-color-chat-icon",
      "description": "The speech bubble on the button"
    },
    "color.chat.ring": {
      "value": "#FFFFFF",
      "css": "--somnia-color-chat-ring",
      "description": "Round the Online now dot. The button and its dots follow the accent (sand) and on-accent (navy), as the Enquire button does"
    },
    "shadow.raised": {
      "value": "0 1px 2px rgba(0,0,0,0.3), 0 8px 28px rgba(0,0,0,0.35)",
      "css": "--somnia-shadow-raised",
      "description": "Two-layer CSS shadow, stored as a string (the build passes it through as-is)"
    },
    "shadow.glow": {
      "value": "0 1px 2px rgba(0,0,0,0.3), 0 0 0 1px color-mix(in srgb, var(--somnia-color-action-primary) 26%, transparent), 0 12px 48px color-mix(in srgb, var(--somnia-color-action-primary) 20%, transparent)",
      "css": "--somnia-shadow-glow",
      "description": "A soft glow in the brand accent that lifts one feature (the case study mockup) above the page. Use sparingly."
    },
    "font.heading": {
      "value": "'DM Serif Display', Georgia, 'Times New Roman', serif",
      "css": "--somnia-font-heading",
      "description": "Headings, display text, card titles"
    },
    "font.body": {
      "value": "'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif",
      "css": "--somnia-font-body",
      "description": "Running text, interface text, buttons"
    },
    "font.mono": {
      "value": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
      "css": "--somnia-font-mono",
      "description": "Eyebrows, labels, code, tabular figures"
    },
    "font.logo": {
      "value": "'DM Serif Display', Georgia, 'Times New Roman', serif",
      "css": "--somnia-font-logo",
      "description": "Somnia's default wordmark (the site name) follows the heading font; a brand with a fixed logo face sets its own"
    },
    "font.logo-strap": {
      "value": "'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif",
      "css": "--somnia-font-logo-strap",
      "description": "The strapline under a logo lockup"
    },
    "shape.card": {
      "value": "8px",
      "css": "--somnia-shape-card",
      "description": "Cards, panels, callouts, dialogs"
    },
    "shape.control": {
      "value": "4px",
      "css": "--somnia-shape-control",
      "description": "Buttons"
    },
    "shape.field": {
      "value": "4px",
      "css": "--somnia-shape-field",
      "description": "Text fields, selects and text areas"
    },
    "shape.search": {
      "value": "4px",
      "css": "--somnia-shape-search",
      "description": "The header search box and the search page's box"
    },
    "typography.heading-case": {
      "value": "none",
      "css": "--somnia-typography-heading-case",
      "description": "text-transform for h1 to h3"
    },
    "typography.heading-tracking": {
      "value": "0em",
      "css": "--somnia-typography-heading-tracking",
      "description": "letter-spacing for h1 to h3"
    },
    "typography.heading-weight": {
      "value": "400",
      "css": "--somnia-typography-heading-weight",
      "description": "font-weight for h1 to h3 and page titles. A display face with one weight (e.g. DM Serif Display) sets 400 so the browser doesn't fake a bold"
    },
    "typography.button-case": {
      "value": "none",
      "css": "--somnia-typography-button-case",
      "description": "text-transform for buttons"
    },
    "typography.button-tracking": {
      "value": "0.01em",
      "css": "--somnia-typography-button-tracking",
      "description": "letter-spacing for buttons"
    },
    "flow.block": {
      "value": "16px",
      "css": "--somnia-flow-block",
      "description": "Between paragraphs, lists, figures and other blocks"
    },
    "flow.heading": {
      "value": "12px",
      "css": "--somnia-flow-heading",
      "description": "From a heading to the text under it"
    },
    "flow.subsection": {
      "value": "24px",
      "css": "--somnia-flow-subsection",
      "description": "Above an h3"
    },
    "flow.section": {
      "value": "32px",
      "css": "--somnia-flow-section",
      "description": "Above an h2"
    },
    "layout.section": {
      "value": "clamp(56px, 8vw, 96px)",
      "css": "--somnia-layout-section",
      "description": "Between page sections (a section's padding above its content; the next section supplies the gap below)"
    }
  },
  "primitives": {
    "color.ink.200": {
      "value": "#C3C9D2",
      "css": "--somnia-color-ink-200",
      "description": "Print rules"
    },
    "color.ink.300": {
      "value": "#B9C2D0",
      "css": "--somnia-color-ink-300",
      "description": "Dark secondary text"
    },
    "color.ink.500": {
      "value": "#3F4A5C",
      "css": "--somnia-color-ink-500",
      "description": "Print secondary text"
    },
    "color.ink.600": {
      "value": "#4B5567",
      "css": "--somnia-color-ink-600",
      "description": "Light secondary text"
    },
    "color.ink.850": {
      "value": "#131C2E",
      "css": "--somnia-color-ink-850",
      "description": "Dark raised surface"
    },
    "color.ink.900": {
      "value": "#152238",
      "css": "--somnia-color-ink-900",
      "description": "Light text; print text"
    },
    "color.ink.950": {
      "value": "#0B1220",
      "css": "--somnia-color-ink-950",
      "description": "Dark page; video scrims"
    },
    "color.cream.50": {
      "value": "#FAF7F2",
      "css": "--somnia-color-cream-50",
      "description": "Light page"
    },
    "color.cream.100": {
      "value": "#F3F0E9",
      "css": "--somnia-color-cream-100",
      "description": "Dark text"
    },
    "color.ember.400": {
      "value": "#FF7A3D",
      "css": "--somnia-color-ember-400",
      "description": "Dark accent"
    },
    "color.ember.600": {
      "value": "#C13D0A",
      "css": "--somnia-color-ember-600",
      "description": "Light accent"
    },
    "color.ember.700": {
      "value": "#B23508",
      "css": "--somnia-color-ember-700",
      "description": "Print accent"
    },
    "color.amber.50": {
      "value": "#FFF4E5",
      "css": "--somnia-color-amber-50",
      "description": "Callout surface"
    },
    "color.amber.100": {
      "value": "#FCE7C2",
      "css": "--somnia-color-amber-100"
    },
    "color.amber.600": {
      "value": "#B4812A",
      "css": "--somnia-color-amber-600",
      "description": "Availability: limited"
    },
    "color.amber.800": {
      "value": "#6B4A00",
      "css": "--somnia-color-amber-800"
    },
    "color.amber.950": {
      "value": "#3A2400",
      "css": "--somnia-color-amber-950",
      "description": "Callout text"
    },
    "color.green.50": {
      "value": "#EAF6EC",
      "css": "--somnia-color-green-50"
    },
    "color.green.600": {
      "value": "#2E7D46",
      "css": "--somnia-color-green-600",
      "description": "Success border"
    },
    "color.green.700": {
      "value": "#1B7A3D",
      "css": "--somnia-color-green-700",
      "description": "Availability: open"
    },
    "color.green.900": {
      "value": "#1A3A24",
      "css": "--somnia-color-green-900",
      "description": "Success text"
    },
    "color.white": {
      "value": "#FFFFFF",
      "css": "--somnia-color-white"
    },
    "color.black": {
      "value": "#000000",
      "css": "--somnia-color-black"
    },
    "color.alpha.ink-12": {
      "value": "rgba(21,34,56,0.12)",
      "css": "--somnia-color-alpha-ink-12"
    },
    "color.alpha.ink-06": {
      "value": "rgba(21,34,56,0.06)",
      "css": "--somnia-color-alpha-ink-06"
    },
    "color.alpha.white-10": {
      "value": "rgba(255,255,255,0.10)",
      "css": "--somnia-color-alpha-white-10"
    },
    "color.alpha.amber-08": {
      "value": "rgba(58,36,0,0.08)",
      "css": "--somnia-color-alpha-amber-08"
    },
    "color.alpha.amber-16": {
      "value": "rgba(58,36,0,0.16)",
      "css": "--somnia-color-alpha-amber-16"
    },
    "color.alpha.amber-22": {
      "value": "rgba(58,36,0,0.22)",
      "css": "--somnia-color-alpha-amber-22"
    },
    "color.alpha.amber-30": {
      "value": "rgba(58,36,0,0.30)",
      "css": "--somnia-color-alpha-amber-30"
    },
    "color.alpha.scrim-38": {
      "value": "rgba(11,18,32,0.38)",
      "css": "--somnia-color-alpha-scrim-38"
    },
    "color.alpha.scrim-72": {
      "value": "rgba(11,18,32,0.72)",
      "css": "--somnia-color-alpha-scrim-72"
    },
    "color.alpha.scrim-88": {
      "value": "rgba(11,18,32,0.88)",
      "css": "--somnia-color-alpha-scrim-88"
    },
    "color.alpha.ink-14": {
      "value": "rgba(21,34,56,0.14)",
      "css": "--somnia-color-alpha-ink-14"
    },
    "color.alpha.white-12": {
      "value": "rgba(255,255,255,0.12)",
      "css": "--somnia-color-alpha-white-12"
    },
    "color.alpha.ink-28": {
      "value": "rgba(21,34,56,0.28)",
      "css": "--somnia-color-alpha-ink-28"
    },
    "color.alpha.white-06": {
      "value": "rgba(255,255,255,0.06)",
      "css": "--somnia-color-alpha-white-06"
    },
    "color.alpha.white-24": {
      "value": "rgba(255,255,255,0.24)",
      "css": "--somnia-color-alpha-white-24"
    },
    "color.syntax.slate-light": {
      "value": "#566074",
      "css": "--somnia-color-syntax-slate-light"
    },
    "color.syntax.slate-dark": {
      "value": "#9AA6BA",
      "css": "--somnia-color-syntax-slate-dark"
    },
    "color.syntax.ember-light": {
      "value": "#A8310A",
      "css": "--somnia-color-syntax-ember-light"
    },
    "color.syntax.ember-dark": {
      "value": "#FF8F5C",
      "css": "--somnia-color-syntax-ember-dark"
    },
    "color.syntax.jade-light": {
      "value": "#0B6B52",
      "css": "--somnia-color-syntax-jade-light"
    },
    "color.syntax.jade-dark": {
      "value": "#7FD6B0",
      "css": "--somnia-color-syntax-jade-dark"
    },
    "color.syntax.cobalt-light": {
      "value": "#1E4FA8",
      "css": "--somnia-color-syntax-cobalt-light"
    },
    "color.syntax.cobalt-dark": {
      "value": "#8DB4FF",
      "css": "--somnia-color-syntax-cobalt-dark"
    },
    "color.syntax.ochre-light": {
      "value": "#7A4300",
      "css": "--somnia-color-syntax-ochre-light"
    },
    "color.syntax.ochre-dark": {
      "value": "#F2C46D",
      "css": "--somnia-color-syntax-ochre-dark"
    },
    "color.neutral.0": {
      "value": "#FFFFFF",
      "css": "--somnia-color-neutral-0"
    },
    "color.neutral.50": {
      "value": "#F4F4F4",
      "css": "--somnia-color-neutral-50"
    },
    "color.neutral.100": {
      "value": "#EDEDED",
      "css": "--somnia-color-neutral-100"
    },
    "color.neutral.400": {
      "value": "#A3A3A3",
      "css": "--somnia-color-neutral-400"
    },
    "color.neutral.600": {
      "value": "#595959",
      "css": "--somnia-color-neutral-600"
    },
    "color.neutral.800": {
      "value": "#262626",
      "css": "--somnia-color-neutral-800"
    },
    "color.neutral.850": {
      "value": "#1E1E1E",
      "css": "--somnia-color-neutral-850"
    },
    "color.neutral.900": {
      "value": "#171717",
      "css": "--somnia-color-neutral-900"
    },
    "color.neutral.950": {
      "value": "#121212",
      "css": "--somnia-color-neutral-950"
    },
    "color.neutral.line-dark": {
      "value": "rgba(255,255,255,0.12)",
      "css": "--somnia-color-neutral-line-dark"
    },
    "color.neutral.line-light": {
      "value": "rgba(0,0,0,0.12)",
      "css": "--somnia-color-neutral-line-light"
    },
    "color.blue.50": {
      "value": "#EAF2FC",
      "css": "--somnia-color-blue-50"
    },
    "color.blue.600": {
      "value": "#2F6BB3",
      "css": "--somnia-color-blue-600"
    },
    "color.blue.900": {
      "value": "#12305A",
      "css": "--somnia-color-blue-900"
    },
    "color.blue.950": {
      "value": "#0C2240",
      "css": "--somnia-color-blue-950"
    },
    "color.brand.base": {
      "value": "#0F2846",
      "css": "--somnia-color-brand-base"
    },
    "color.brand.light": {
      "value": "#0F2846",
      "css": "--somnia-color-brand-light"
    },
    "color.brand.dark": {
      "value": "#D7C9B8",
      "css": "--somnia-color-brand-dark"
    },
    "color.headland.stone-50": {
      "value": "#FAF7F2",
      "css": "--somnia-color-headland-stone-50"
    },
    "color.headland.stone-100": {
      "value": "#F4EFE8",
      "css": "--somnia-color-headland-stone-100",
      "description": "Stone, from the mock-ups"
    },
    "color.headland.sand-200": {
      "value": "#EAE1D5",
      "css": "--somnia-color-headland-sand-200"
    },
    "color.headland.sand-300": {
      "value": "#D7C9B8",
      "css": "--somnia-color-headland-sand-300",
      "description": "Sand, from the mock-ups"
    },
    "color.headland.sand-700": {
      "value": "#6E5E4B",
      "css": "--somnia-color-headland-sand-700"
    },
    "color.headland.olive-700": {
      "value": "#3E4636",
      "css": "--somnia-color-headland-olive-700",
      "description": "Olive, from the mock-ups"
    },
    "color.headland.navy-950": {
      "value": "#081627",
      "css": "--somnia-color-headland-navy-950"
    },
    "color.headland.navy-900": {
      "value": "#0F2846",
      "css": "--somnia-color-headland-navy-900",
      "description": "Navy, from the mock-ups and logo"
    },
    "color.headland.navy-850": {
      "value": "#10233D",
      "css": "--somnia-color-headland-navy-850"
    },
    "color.headland.navy-800": {
      "value": "#1B3A60",
      "css": "--somnia-color-headland-navy-800"
    },
    "color.headland.slate-600": {
      "value": "#4A586B",
      "css": "--somnia-color-headland-slate-600"
    },
    "color.headland.slate-300": {
      "value": "#A9B5C4",
      "css": "--somnia-color-headland-slate-300"
    },
    "color.headland.charcoal-900": {
      "value": "#1A1A1A",
      "css": "--somnia-color-headland-charcoal-900",
      "description": "Charcoal, from the mock-ups"
    },
    "color.headland.sun-500": {
      "value": "#E2793A",
      "css": "--somnia-color-headland-sun-500",
      "description": "The sun in the wave logo"
    },
    "color.headland-alpha.navy-06": {
      "value": "rgba(15,40,70,0.06)",
      "css": "--somnia-color-headland-alpha-navy-06"
    },
    "color.headland-alpha.navy-12": {
      "value": "rgba(15,40,70,0.12)",
      "css": "--somnia-color-headland-alpha-navy-12"
    },
    "color.headland-alpha.navy-28": {
      "value": "rgba(15,40,70,0.28)",
      "css": "--somnia-color-headland-alpha-navy-28"
    },
    "color.headland-alpha.navy-36": {
      "value": "rgba(15,40,70,0.36)",
      "css": "--somnia-color-headland-alpha-navy-36"
    },
    "color.headland-alpha.stone-08": {
      "value": "rgba(244,239,232,0.08)",
      "css": "--somnia-color-headland-alpha-stone-08"
    },
    "color.headland-alpha.stone-14": {
      "value": "rgba(244,239,232,0.14)",
      "css": "--somnia-color-headland-alpha-stone-14"
    },
    "color.headland-alpha.stone-30": {
      "value": "rgba(244,239,232,0.30)",
      "css": "--somnia-color-headland-alpha-stone-30"
    },
    "font.family.heading": {
      "value": "Archivo, 'Arial Black', system-ui, sans-serif",
      "css": "--somnia-font-family-heading"
    },
    "font.family.body": {
      "value": "'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif",
      "css": "--somnia-font-family-body"
    },
    "font.family.mono": {
      "value": "'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace",
      "css": "--somnia-font-family-mono"
    },
    "font.family.barlow-condensed": {
      "value": "'Barlow Condensed', 'Arial Narrow', sans-serif",
      "css": "--somnia-font-family-barlow-condensed",
      "description": "Gulo headings (OFL)"
    },
    "font.family.barlow": {
      "value": "Barlow, Arial, sans-serif",
      "css": "--somnia-font-family-barlow",
      "description": "Gulo body (OFL)"
    },
    "font.family.inter": {
      "value": "Inter, system-ui, 'Segoe UI', Arial, sans-serif",
      "css": "--somnia-font-family-inter",
      "description": "Spotlight headings and body (OFL)"
    },
    "font.family.system": {
      "value": "system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif",
      "css": "--somnia-font-family-system",
      "description": "The device's own interface font"
    },
    "font.family.system-mono": {
      "value": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
      "css": "--somnia-font-family-system-mono"
    },
    "font.family.dm-serif": {
      "value": "'DM Serif Display', Georgia, 'Times New Roman', serif",
      "css": "--somnia-font-family-dm-serif",
      "description": "Headland headings and wordmark (OFL)"
    },
    "font.family.dm-sans": {
      "value": "'DM Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif",
      "css": "--somnia-font-family-dm-sans",
      "description": "Headland body text (OFL)"
    },
    "font.weight.regular": {
      "value": "400",
      "css": "--somnia-font-weight-regular"
    },
    "font.weight.semibold": {
      "value": "600",
      "css": "--somnia-font-weight-semibold"
    },
    "font.weight.bold": {
      "value": "700",
      "css": "--somnia-font-weight-bold"
    },
    "font.weight.extrabold": {
      "value": "800",
      "css": "--somnia-font-weight-extrabold"
    },
    "font.weight.black": {
      "value": "900",
      "css": "--somnia-font-weight-black"
    },
    "font.size.xs": {
      "value": "12px",
      "css": "--somnia-font-size-xs"
    },
    "font.size.sm": {
      "value": "13.5px",
      "css": "--somnia-font-size-sm"
    },
    "font.size.base": {
      "value": "15px",
      "css": "--somnia-font-size-base"
    },
    "font.size.md": {
      "value": "16.5px",
      "css": "--somnia-font-size-md"
    },
    "font.size.lg": {
      "value": "18px",
      "css": "--somnia-font-size-lg"
    },
    "font.size.xl": {
      "value": "22px",
      "css": "--somnia-font-size-xl"
    },
    "font.size.prose": {
      "value": "16px",
      "css": "--somnia-font-size-prose",
      "description": "Running text in articles, case studies, legal pages and the Somnia docs"
    },
    "font.size.prose-mobile": {
      "value": "17px",
      "css": "--somnia-font-size-prose-mobile",
      "description": "Running text below the 760px breakpoint"
    },
    "font.size.label": {
      "value": "12px",
      "css": "--somnia-font-size-label",
      "description": "The smallest interface text: badges, pills, code and example labels. Nothing outside the case study mockups goes below this"
    },
    "font.size.eyebrow": {
      "value": "14px",
      "css": "--somnia-font-size-eyebrow",
      "description": "Eyebrow labels above headings (mono, uppercase)"
    },
    "font.size.eyebrow-mobile": {
      "value": "16px",
      "css": "--somnia-font-size-eyebrow-mobile",
      "description": "Eyebrow labels below the 760px breakpoint"
    },
    "font.size-fluid.h3": {
      "value": "clamp(19px, 2.4vw, 23px)",
      "css": "--somnia-font-size-fluid-h3"
    },
    "font.size-fluid.h2": {
      "value": "clamp(24px, 4vw, 34px)",
      "css": "--somnia-font-size-fluid-h2"
    },
    "font.size-fluid.h1": {
      "value": "clamp(30px, 5vw, 46px)",
      "css": "--somnia-font-size-fluid-h1"
    },
    "font.size-fluid.display": {
      "value": "clamp(34px, 6vw, 56px)",
      "css": "--somnia-font-size-fluid-display"
    },
    "font.size-fluid.h4": {
      "value": "clamp(16px, 2vw, 18px)",
      "css": "--somnia-font-size-fluid-h4"
    },
    "font.line-height.tight": {
      "value": "1.06",
      "css": "--somnia-font-line-height-tight"
    },
    "font.line-height.snug": {
      "value": "1.3",
      "css": "--somnia-font-line-height-snug"
    },
    "font.line-height.normal": {
      "value": "1.5",
      "css": "--somnia-font-line-height-normal"
    },
    "font.line-height.relaxed": {
      "value": "1.6",
      "css": "--somnia-font-line-height-relaxed"
    },
    "font.letter-spacing.tight": {
      "value": "-0.01em",
      "css": "--somnia-font-letter-spacing-tight"
    },
    "font.letter-spacing.label": {
      "value": "0.06em",
      "css": "--somnia-font-letter-spacing-label"
    },
    "font.letter-spacing.eyebrow": {
      "value": "0.12em",
      "css": "--somnia-font-letter-spacing-eyebrow"
    },
    "space.0": {
      "value": "0px",
      "css": "--somnia-space-0"
    },
    "space.1": {
      "value": "4px",
      "css": "--somnia-space-1"
    },
    "space.2": {
      "value": "8px",
      "css": "--somnia-space-2"
    },
    "space.3": {
      "value": "12px",
      "css": "--somnia-space-3"
    },
    "space.4": {
      "value": "16px",
      "css": "--somnia-space-4"
    },
    "space.5": {
      "value": "20px",
      "css": "--somnia-space-5"
    },
    "space.6": {
      "value": "24px",
      "css": "--somnia-space-6"
    },
    "space.8": {
      "value": "32px",
      "css": "--somnia-space-8"
    },
    "space.10": {
      "value": "40px",
      "css": "--somnia-space-10"
    },
    "space.12": {
      "value": "48px",
      "css": "--somnia-space-12"
    },
    "space.14": {
      "value": "56px",
      "css": "--somnia-space-14"
    },
    "space-fluid.section": {
      "value": "clamp(56px, 8vw, 96px)",
      "css": "--somnia-space-fluid-section"
    },
    "radius.xs": {
      "value": "4px",
      "css": "--somnia-radius-xs"
    },
    "radius.sm": {
      "value": "8px",
      "css": "--somnia-radius-sm"
    },
    "radius.md": {
      "value": "10px",
      "css": "--somnia-radius-md"
    },
    "radius.card": {
      "value": "14px",
      "css": "--somnia-radius-card"
    },
    "radius.pill": {
      "value": "999px",
      "css": "--somnia-radius-pill"
    },
    "radius.round": {
      "value": "50%",
      "css": "--somnia-radius-round"
    },
    "size.container": {
      "value": "1120px",
      "css": "--somnia-size-container"
    },
    "size.gutter": {
      "value": "20px",
      "css": "--somnia-size-gutter"
    },
    "size.measure-prose": {
      "value": "70ch",
      "css": "--somnia-size-measure-prose"
    },
    "size.measure-narrow": {
      "value": "56ch",
      "css": "--somnia-size-measure-narrow"
    },
    "size.header-h": {
      "value": "68px",
      "css": "--somnia-size-header-h",
      "description": "Fallback; kept in sync by JS in Base.astro"
    },
    "size.measure-hero": {
      "value": "820px",
      "css": "--somnia-size-measure-hero",
      "description": "Hero text width on home and listing pages"
    },
    "breakpoint.sm": {
      "value": "600px",
      "css": "--somnia-breakpoint-sm"
    },
    "breakpoint.md": {
      "value": "760px",
      "css": "--somnia-breakpoint-md"
    },
    "breakpoint.lg": {
      "value": "900px",
      "css": "--somnia-breakpoint-lg"
    },
    "duration.fast": {
      "value": "150ms",
      "css": "--somnia-duration-fast"
    },
    "duration.base": {
      "value": "200ms",
      "css": "--somnia-duration-base"
    },
    "duration.slow": {
      "value": "340ms",
      "css": "--somnia-duration-slow"
    },
    "duration.pulse": {
      "value": "2200ms",
      "css": "--somnia-duration-pulse"
    },
    "scale.image-hover": {
      "value": "1.06",
      "css": "--somnia-scale-image-hover",
      "description": "A picture inside a link (.sn-zoom), zoomed within its frame"
    },
    "easing.standard": {
      "value": "cubic-bezier(0.25, 0.1, 0.25, 1)",
      "css": "--somnia-easing-standard",
      "description": "CSS 'ease'"
    },
    "easing.bounce": {
      "value": "cubic-bezier(0.34, 1.56, 0.64, 1)",
      "css": "--somnia-easing-bounce",
      "description": "Header compact bounce"
    },
    "z.raised": {
      "value": "1",
      "css": "--somnia-z-raised"
    },
    "z.sticky": {
      "value": "40",
      "css": "--somnia-z-sticky"
    },
    "z.header": {
      "value": "50",
      "css": "--somnia-z-header"
    },
    "z.overlay": {
      "value": "60",
      "css": "--somnia-z-overlay"
    },
    "z.skip-link": {
      "value": "100",
      "css": "--somnia-z-skip-link"
    },
    "opacity.muted": {
      "value": "0.7",
      "css": "--somnia-opacity-muted"
    },
    "opacity.subtle": {
      "value": "0.85",
      "css": "--somnia-opacity-subtle"
    },
    "opacity.disabled": {
      "value": "0.6",
      "css": "--somnia-opacity-disabled"
    }
  }
}