{
  "$comment": "Formal palette and implemented website roles. Core Terracotta supplies display accents and button fills. Dark functional text/icons use white. The dark display contrast exception is recorded separately.",
  "version": "3.4.0",
  "colour": {
    "terracotta": {
      "value": "#B64539",
      "role": "Formal mark, primary button fill and display accent. Dark display text is a review exception at 2.84:1; use the readable UI roles for small text.",
      "source": "Mean of three measured instances: #B84A3E (vector tile), #B64438 (back print), #B54134 (front chest)."
    },
    "charcoal": {
      "value": "#22252E",
      "role": "Wordmark, rule, strapline, body type.",
      "source": "Brand charcoal, substituted for the render's near-black #050505 \u2014 indistinguishable at print size and consistent with every other Malleable artefact."
    },
    "natural": {
      "value": "#EAE1D9",
      "role": "The ground. Undyed cotton; also the page/tile ground in digital use.",
      "source": "Measured off both model shots, which agree to one unit."
    },
    "white": {
      "value": "#FFFFFF",
      "role": "Reversed formal marks, dark header wordmark/controls, dark functional accents and button text."
    }
  },
  "contrast": {
    "$comment": "WCAG 2.1 contrast ratios, computed. AA body text needs 4.5:1; large text and graphics need 3:1.",
    "charcoal-on-natural": 11.86,
    "charcoal-on-white": 15.31,
    "natural-on-charcoal": 11.86,
    "terracotta-on-white": 5.39,
    "terracotta-on-natural": 4.17,
    "terracotta-on-charcoal": 2.84
  },
  "type": {
    "$comment": "Updated 2026-09-24: website and downloadable logo wordmarks both use Nunito Bold 700 at -0.035em. SVG lettering is outlined from the actual font.",
    "headings": {
      "family": "Nunito",
      "fallback": "ui-rounded, sans-serif",
      "weights": [
        500,
        600,
        700
      ]
    },
    "body": {
      "family": "Instrument Sans",
      "fallback": "sans-serif",
      "weights": [
        400,
        500,
        600,
        700
      ],
      "role": "Body text, navigation, buttons, and labels."
    },
    "website-wordmark": {
      "family": "Nunito",
      "weight": 700,
      "tracking-em": -0.035
    },
    "wordmark": {
      "text": "Malleable AI",
      "family": "Nunito",
      "weight": 700,
      "tracking-em": -0.035,
      "$comment": "Shared lettering for the website and all downloadable lockups; replaces the legacy Arial Regular uppercase lettering."
    }
  },
  "ui": {
    "light": {
      "background": "#EAE1D9",
      "text": "#22252E",
      "panel": "#F3EDE8",
      "muted": "#5D5A60",
      "border": "#B2A7A3",
      "control-border": "#7B6C70",
      "accent-text": "#963A32",
      "accent-hover": "#92362D",
      "button": "#B64539",
      "button-hover": "#92362D",
      "on-button": "#FFFFFF",
      "focus": "#963A32",
      "display-accent": "#B64539",
      "header-ink": "#22252E",
      "accent": "#B64539"
    },
    "dark": {
      "background": "#22252E",
      "text": "#EAE1D9",
      "panel": "#2D3039",
      "muted": "#BEB7B4",
      "border": "#5D5962",
      "control-border": "#999098",
      "accent-text": "#FFFFFF",
      "accent-hover": "#FFFFFF",
      "button": "#B64539",
      "button-hover": "#92362D",
      "on-button": "#FFFFFF",
      "focus": "#FFFFFF",
      "display-accent": "#B64539",
      "header-ink": "#FFFFFF",
      "accent": "#B64539"
    }
  },
  "uiContrast": [
    {
      "theme": "light",
      "foreground": "text",
      "background": "background",
      "ratio": 11.86,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "muted",
      "background": "background",
      "ratio": 5.25,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "muted",
      "background": "panel",
      "ratio": 5.84,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "accent-text",
      "background": "background",
      "ratio": 5.52,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "accent-text",
      "background": "panel",
      "ratio": 6.14,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "accent-hover",
      "background": "background",
      "ratio": 5.84,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "on-button",
      "background": "button",
      "ratio": 5.39,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "on-button",
      "background": "button-hover",
      "ratio": 7.53,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "focus",
      "background": "background",
      "ratio": 5.52,
      "minimum": 3
    },
    {
      "theme": "light",
      "foreground": "control-border",
      "background": "panel",
      "ratio": 4.29,
      "minimum": 3
    },
    {
      "theme": "dark",
      "foreground": "text",
      "background": "background",
      "ratio": 11.86,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "muted",
      "background": "background",
      "ratio": 7.74,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "muted",
      "background": "panel",
      "ratio": 6.67,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "accent-text",
      "background": "background",
      "ratio": 15.31,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "accent-text",
      "background": "panel",
      "ratio": 13.18,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "accent-hover",
      "background": "background",
      "ratio": 15.31,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "on-button",
      "background": "button",
      "ratio": 5.39,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "on-button",
      "background": "button-hover",
      "ratio": 7.53,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "focus",
      "background": "background",
      "ratio": 15.31,
      "minimum": 3
    },
    {
      "theme": "dark",
      "foreground": "control-border",
      "background": "panel",
      "ratio": 4.27,
      "minimum": 3
    },
    {
      "theme": "light",
      "foreground": "accent-text",
      "background": "soft",
      "backgroundHex": "#E7D8CF",
      "ratio": 5.13,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "accent-text",
      "background": "hover",
      "backgroundHex": "#E5D1C9",
      "ratio": 4.85,
      "minimum": 4.5
    },
    {
      "theme": "light",
      "foreground": "on-button",
      "background": "icon-panel",
      "backgroundHex": "#B64539",
      "ratio": 5.39,
      "minimum": 3
    },
    {
      "theme": "dark",
      "foreground": "accent-text",
      "background": "soft",
      "backgroundHex": "#2B272F",
      "ratio": 14.64,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "accent-text",
      "background": "hover",
      "backgroundHex": "#31282F",
      "ratio": 14.24,
      "minimum": 4.5
    },
    {
      "theme": "dark",
      "foreground": "on-button",
      "background": "icon-panel",
      "backgroundHex": "#B64539",
      "ratio": 5.39,
      "minimum": 3
    },
    {
      "theme": "dark",
      "foreground": "header-ink",
      "background": "background",
      "ratio": 15.31,
      "minimum": 4.5
    }
  ],
  "illustration": {
    "terracotta": "#B64539",
    "ivory": "#EAE1D9",
    "secondary": "Existing olive foliage and material accents are retained for this first preview, for Brian to review.",
    "preserve": [
      "texture",
      "shading",
      "skin",
      "hair",
      "geometry",
      "alpha",
      "animation registration"
    ],
    "scope": "Textured clay sculptures are illustrations, not formal logo assets. Their shading and sculptural mark on dark scenery are allowed; do not apply these effects to supplied SVG marks."
  },
  "displayContrast": [
    {
      "theme": "light",
      "foreground": "display-accent",
      "background": "background",
      "ratio": 4.17,
      "minimum": 3,
      "meetsMinimum": true
    },
    {
      "theme": "dark",
      "foreground": "display-accent",
      "background": "background",
      "ratio": 2.84,
      "minimum": 3,
      "meetsMinimum": false
    }
  ],
  "displayUsage": "Core Terracotta is used for large display emphasis and decorative punctuation. On Charcoal it is 2.84:1, below the 3:1 large-text threshold: an explicit visual-review exception requested by Brian, not an accessible text role. Small dark text, links, meaningful icons, the hero eyebrow and focus use white. Header wordmark and controls are white. No lighter terracotta tint is used.",
  "accentUsage": "Core Terracotta restores decorative dots, punctuation, checkmarks, quotation marks, supporting arrows and hover borders. Sector arrow tiles, team monograms and contact icon tiles use Terracotta fills with white glyphs (5.39:1). Meaningful standalone icons, small dark text and keyboard focus use readable roles; header wordmark/menu/theme controls stay white. Decorative accents do not carry information alone.",
  "surfaceUsage": "Soft and hover surfaces mix 6% and 10% core Terracotta into the theme background. These are surface treatments, not additional accent inks.",
  "components": {
    "primary-button": {
      "border": "0",
      "radius": "7px",
      "shadow": "0 4px 8px rgb(35 24 16 / 12%), 0 10px 24px rgb(35 24 16 / 14%)",
      "shadow-hover": "0 6px 12px rgb(35 24 16 / 16%), 0 14px 30px rgb(35 24 16 / 20%)"
    }
  }
}