{
  "format": "max-lvl-brand-tokens",
  "formatVersion": "1.0.0",
  "title": "Max LVL Media — Brand and experience system",
  "schema": {
    "description": "Self-contained Max LVL token schema. This is a custom format, not a claim of DTCG compatibility.",
    "tokenShape": {
      "type": "One of color, dimension, number, fontFamily, fontWeight, duration, cubicBezier, shadow, string",
      "value": "Literal value or whole-string alias {group.path}. Values never contain embedded aliases.",
      "description": "Human-readable intended role; creative art tokens do not imply accessible text pairings."
    },
    "aliasRules": "Resolve whole-string {path} recursively from tokens; cycles, missing references and type mismatches are invalid.",
    "cssNaming": "primitive.color.name becomes --ml-primitive-color-name. semantic.THEME.color.bg.page becomes --ml-color-bg-page inside that theme. All other token paths become --ml-PATH with dots replaced by hyphens. CamelCase segments are not used.",
    "contrastTests": "Each entry names a theme, foreground path, background path, minimum contrast and role. Fully qualified paths resolve aliases before evaluation. Ratios use sRGB WCAG relative luminance; unrounded values determine pass/fail.",
    "compatibility": "Hex values are sRGB. Rem dimensions assume the user-agent default root size; do not override root font size. Shadows and gradients require separate visual review.",
    "primitiveRules": "All primitive values are literal, including colors. Aliases are permitted in semantic and other reusable role tokens; they are not permitted inside primitive groups."
  },
  "themeBehavior": {
    "default": "dark",
    "attributes": {
      "data-ml-theme=\"dark\"": "Explicit dark choice.",
      "data-ml-theme=\"light\"": "Explicit light choice.",
      "data-ml-theme=\"system\"": "Follow prefers-color-scheme; dark fallback."
    },
    "persistence": "Product code stores an explicit dark/light/system choice per user or locally. Apply the saved choice before first paint. A new visitor receives dark until choosing otherwise. Never infer that a dark default overrides a saved light choice.",
    "scope": "Apply .ml-brand or data-ml-theme to the experience container. Nested explicit themes may use the same semantic variable names.",
    "artwork": "Use the updated supplied SVG geometry through the working variants mapped in source/logo-assets.json and explained in source/logo-assets.md. All 13 masters are preserved unchanged under public/assets/masters. Working dark logo/icon variants use pale ink and #D84D48 red; working light variants use logo black #09131B and the user-confirmed #AF282B red, replacing source #AF292B only. Wordmark, Builder and contained sidebar variants have explicit roles in the mapping. Preserve each SVG's paths, viewBox and intrinsic ratio. Logo black is independent of Midnight Blue Steel #0C1520 UI backgrounds and Deep Ink #05080C action-label text. Select artwork for the actual local ground, including mixed-theme compositions, using a suitable holding area where needed.",
    "print": "Print/export composition uses the light palette by default; select a deliberate print treatment rather than relying on a browser's background-print preference."
  },
  "fonts": {
    "display": {
      "family": "DM Sans",
      "normal": "fonts/DMSans.ttf",
      "italic": "fonts/DMSans-Italic.ttf",
      "weightRange": [
        100,
        1000
      ],
      "use": "Strong sans display option, commonly 600–700. Composition determines emphasis; no compulsory title treatment."
    },
    "body": {
      "family": "DM Sans",
      "normal": "fonts/DMSans.ttf",
      "italic": "fonts/DMSans-Italic.ttf",
      "weightRange": [
        100,
        1000
      ],
      "use": "Primary UI and reading voice, 400 regular and 600–700 for emphasis."
    },
    "editorial": {
      "family": "Newsreader",
      "normal": "fonts/Newsreader.ttf",
      "italic": "fonts/Newsreader-Italic.ttf",
      "weightRange": [
        200,
        800
      ],
      "use": "Optional reading, quotation and expressive emphasis. Use real italic and optical sizing auto."
    }
  },
  "tokens": {
    "primitive": {
      "color": {
        "midnight-blue-steel": {
          "type": "color",
          "value": "#0C1520",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "blue-steel-surface": {
          "type": "color",
          "value": "#142230",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "blue-steel-lifted": {
          "type": "color",
          "value": "#203244",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "paper": {
          "type": "color",
          "value": "#F7F7F2",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "white": {
          "type": "color",
          "value": "#FFFFFF",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "silver-surface": {
          "type": "color",
          "value": "#E9EEF2",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-ink": {
          "type": "color",
          "value": "#142230",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-secondary": {
          "type": "color",
          "value": "#485D70",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-secondary": {
          "type": "color",
          "value": "#BBC9D5",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "mythic-red": {
          "type": "color",
          "value": "#D84D48",
          "description": "Exact red identity value on a dark ground; functional roles use their tested foreground pairings."
        },
        "logo-coral": {
          "type": "color",
          "value": "#D84D48",
          "description": "Exact existing dark-ground logo coral, #D84D48. This named ingredient stays literal."
        },
        "action-red-dark": {
          "type": "color",
          "value": "#C84440",
          "description": "Functional red for white action labels; distinct from the unchanged logo red. Verify every interaction state."
        },
        "action-red-light": {
          "type": "color",
          "value": "#AF282B",
          "description": "Light-theme red primary-action body. Pair with the declared white foreground."
        },
        "rare-blue": {
          "type": "color",
          "value": "#254B8E",
          "description": "Rich, slightly muted rare artwork body. Combine with its shadow and highlight to shape material and depth; composition determines the balance."
        },
        "epic-violet": {
          "type": "color",
          "value": "#603A8C",
          "description": "Rich, slightly muted epic artwork body. Combine with its shadow and highlight to shape material and depth; composition determines the balance."
        },
        "legendary-amber": {
          "type": "color",
          "value": "#D98B28",
          "description": "Bright, saturated amber artwork body with a rich golden-orange presence. Combine with its deep shadow and golden highlight for material and light. Rare and Epic retain their deeper, slightly muted treatment."
        },
        "dark-border": {
          "type": "color",
          "value": "#7A91A8",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-border": {
          "type": "color",
          "value": "#718295",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-faint": {
          "type": "color",
          "value": "#405268",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-faint": {
          "type": "color",
          "value": "#CDD7E0",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-action-hover": {
          "type": "color",
          "value": "#CC4944",
          "description": "Functional red for white action labels; distinct from the unchanged logo red. Verify every interaction state."
        },
        "dark-action-pressed": {
          "type": "color",
          "value": "#B93B37",
          "description": "Functional red for white action labels; distinct from the unchanged logo red. Verify every interaction state."
        },
        "light-action-hover": {
          "type": "color",
          "value": "#962026",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-action-pressed": {
          "type": "color",
          "value": "#8C1F28",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-link": {
          "type": "color",
          "value": "#FF8980",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-link-hover": {
          "type": "color",
          "value": "#FFB0A2",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-link-pressed": {
          "type": "color",
          "value": "#F87972",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-selection": {
          "type": "color",
          "value": "#254A70",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-selection": {
          "type": "color",
          "value": "#D6E6FA",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-secondary-pressed": {
          "type": "color",
          "value": "#294159",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-error": {
          "type": "color",
          "value": "#FFACA5",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-error-bg": {
          "type": "color",
          "value": "#412B30",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-error-border": {
          "type": "color",
          "value": "#D66D73",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-danger-hover": {
          "type": "color",
          "value": "#FFC5BA",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-danger-pressed": {
          "type": "color",
          "value": "#F8918A",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-warning": {
          "type": "color",
          "value": "#FFD17A",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-warning-bg": {
          "type": "color",
          "value": "#3C3222",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-warning-border": {
          "type": "color",
          "value": "#BD9956",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-success": {
          "type": "color",
          "value": "#7CDBA7",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-success-bg": {
          "type": "color",
          "value": "#203A34",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-success-border": {
          "type": "color",
          "value": "#65AD8C",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-info": {
          "type": "color",
          "value": "#8BBDFF",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-info-bg": {
          "type": "color",
          "value": "#203650",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-info-border": {
          "type": "color",
          "value": "#769DCD",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-error": {
          "type": "color",
          "value": "#972431",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-error-bg": {
          "type": "color",
          "value": "#FCE8E8",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-error-border": {
          "type": "color",
          "value": "#B95963",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-warning": {
          "type": "color",
          "value": "#794A00",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-warning-bg": {
          "type": "color",
          "value": "#FFF0D3",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-warning-border": {
          "type": "color",
          "value": "#A0782D",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-success": {
          "type": "color",
          "value": "#226342",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-success-bg": {
          "type": "color",
          "value": "#E6F5EC",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-success-border": {
          "type": "color",
          "value": "#528667",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-info": {
          "type": "color",
          "value": "#20589D",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-info-bg": {
          "type": "color",
          "value": "#E7F0FC",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-info-border": {
          "type": "color",
          "value": "#5F80AD",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-danger-hover": {
          "type": "color",
          "value": "#7D1B30",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-danger-pressed": {
          "type": "color",
          "value": "#681528",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-rare-text": {
          "type": "color",
          "value": "#8BBDFF",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-epic-text": {
          "type": "color",
          "value": "#CBA6FF",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "dark-legendary-text": {
          "type": "color",
          "value": "#FFB352",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-rare-text": {
          "type": "color",
          "value": "#1F5DC5",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-epic-text": {
          "type": "color",
          "value": "#6D28CB",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "light-legendary-text": {
          "type": "color",
          "value": "#8A4B00",
          "description": "Named sRGB ingredient. Functional use comes from semantic aliases; identity artwork remains unchanged."
        },
        "rare-shadow": {
          "type": "color",
          "value": "#10274A",
          "description": "Rare artwork shadow for material depth and light. Use flexibly; this art role is not a functional text or status assignment."
        },
        "rare-highlight": {
          "type": "color",
          "value": "#5986D2",
          "description": "Rare artwork highlight for material depth and light. Use flexibly; this art role is not a functional text or status assignment."
        },
        "epic-shadow": {
          "type": "color",
          "value": "#302043",
          "description": "Epic artwork shadow for material depth and light. Use flexibly; this art role is not a functional text or status assignment."
        },
        "epic-highlight": {
          "type": "color",
          "value": "#9A70CB",
          "description": "Epic artwork highlight for material depth and light. Use flexibly; this art role is not a functional text or status assignment."
        },
        "legendary-shadow": {
          "type": "color",
          "value": "#6B3B10",
          "description": "Deep amber shadow that gives the brighter Legendary body material depth. This art ingredient is independent of functional text and status roles."
        },
        "legendary-highlight": {
          "type": "color",
          "value": "#FFC15A",
          "description": "Luminous golden highlight for the brighter Legendary amber family. Concentrate it where a material catches light; it is not a functional warning role."
        },
        "deep-ink": {
          "type": "color",
          "value": "#05080C",
          "description": "Deep foreground ink for dark-theme red primary actions; use the declared action pairing rather than ordinary Midnight text."
        },
        "logo-red-light": {
          "type": "color",
          "value": "#AF282B",
          "description": "Exact red identity value for artwork used on a light ground."
        },
        "logo-black": {
          "type": "color",
          "value": "#09131B",
          "description": "Exact logo artwork black. This identity neutral is independent of the Midnight Blue Steel UI ground and the Deep Ink foreground used for dark-theme red action labels."
        }
      }
    },
    "semantic": {
      "dark": {
        "color": {
          "bg": {
            "page": {
              "type": "color",
              "value": "{primitive.color.midnight-blue-steel}",
              "description": "Semantic bg.page role in the dark theme."
            },
            "surface": {
              "type": "color",
              "value": "{primitive.color.blue-steel-surface}",
              "description": "Semantic bg.surface role in the dark theme."
            },
            "lifted": {
              "type": "color",
              "value": "{primitive.color.blue-steel-lifted}",
              "description": "Semantic bg.lifted role in the dark theme."
            }
          },
          "text": {
            "primary": {
              "type": "color",
              "value": "{primitive.color.paper}",
              "description": "Semantic text.primary role in the dark theme."
            },
            "secondary": {
              "type": "color",
              "value": "{primitive.color.dark-secondary}",
              "description": "Semantic text.secondary role in the dark theme."
            },
            "disabled": {
              "type": "color",
              "value": "{primitive.color.dark-border}",
              "description": "Semantic text.disabled role in the dark theme."
            }
          },
          "border": {
            "control": {
              "type": "color",
              "value": "{primitive.color.dark-border}",
              "description": "Semantic border.control role in the dark theme."
            },
            "decorative": {
              "type": "color",
              "value": "{primitive.color.dark-faint}",
              "description": "Optional divider only; never the sole boundary of an enabled control."
            }
          },
          "action": {
            "primary": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.action-red-dark}",
                "description": "Semantic action.primary.bg role in the dark theme."
              },
              "hover": {
                "type": "color",
                "value": "{primitive.color.dark-action-hover}",
                "description": "Semantic action.primary.hover role in the dark theme."
              },
              "pressed": {
                "type": "color",
                "value": "{primitive.color.dark-action-pressed}",
                "description": "Semantic action.primary.pressed role in the dark theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.white}",
                "description": "White text on the tested functional action-red states."
              }
            },
            "secondary": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.blue-steel-surface}",
                "description": "Semantic action.secondary.bg role in the dark theme."
              },
              "hover": {
                "type": "color",
                "value": "{primitive.color.blue-steel-lifted}",
                "description": "Semantic action.secondary.hover role in the dark theme."
              },
              "pressed": {
                "type": "color",
                "value": "{primitive.color.dark-secondary-pressed}",
                "description": "Semantic action.secondary.pressed role in the dark theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.paper}",
                "description": "Semantic action.secondary.fg role in the dark theme."
              }
            },
            "danger": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.dark-error}",
                "description": "Semantic action.danger.bg role in the dark theme."
              },
              "hover": {
                "type": "color",
                "value": "{primitive.color.dark-danger-hover}",
                "description": "Semantic action.danger.hover role in the dark theme."
              },
              "pressed": {
                "type": "color",
                "value": "{primitive.color.dark-danger-pressed}",
                "description": "Semantic action.danger.pressed role in the dark theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.midnight-blue-steel}",
                "description": "Semantic action.danger.fg role in the dark theme."
              }
            },
            "disabled": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.blue-steel-lifted}",
                "description": "Semantic action.disabled.bg role in the dark theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.dark-secondary}",
                "description": "Semantic action.disabled.fg role in the dark theme."
              }
            }
          },
          "field": {
            "bg": {
              "type": "color",
              "value": "{primitive.color.blue-steel-surface}",
              "description": "Semantic field.bg role in the dark theme."
            },
            "fg": {
              "type": "color",
              "value": "{primitive.color.paper}",
              "description": "Semantic field.fg role in the dark theme."
            },
            "placeholder": {
              "type": "color",
              "value": "{primitive.color.dark-secondary}",
              "description": "Semantic field.placeholder role in the dark theme."
            }
          },
          "link": {
            "default": {
              "type": "color",
              "value": "{primitive.color.dark-link}",
              "description": "Semantic link.default role in the dark theme."
            },
            "hover": {
              "type": "color",
              "value": "{primitive.color.dark-link-hover}",
              "description": "Semantic link.hover role in the dark theme."
            },
            "pressed": {
              "type": "color",
              "value": "{primitive.color.dark-link-pressed}",
              "description": "Semantic link.pressed role in the dark theme."
            }
          },
          "focus": {
            "ring": {
              "type": "color",
              "value": "{primitive.color.dark-info}",
              "description": "Semantic focus.ring role in the dark theme."
            },
            "gap": {
              "type": "color",
              "value": "{primitive.color.midnight-blue-steel}",
              "description": "Semantic focus.gap role in the dark theme."
            }
          },
          "selection": {
            "bg": {
              "type": "color",
              "value": "{primitive.color.dark-selection}",
              "description": "Semantic selection.bg role in the dark theme."
            },
            "fg": {
              "type": "color",
              "value": "{primitive.color.paper}",
              "description": "Semantic selection.fg role in the dark theme."
            }
          },
          "selected": {
            "bg": {
              "type": "color",
              "value": "{primitive.color.dark-info-bg}",
              "description": "Semantic selected.bg role in the dark theme."
            },
            "fg": {
              "type": "color",
              "value": "{primitive.color.paper}",
              "description": "Semantic selected.fg role in the dark theme."
            },
            "border": {
              "type": "color",
              "value": "{primitive.color.dark-info}",
              "description": "Semantic selected.border role in the dark theme."
            }
          },
          "identity": {
            "coral": {
              "type": "color",
              "value": "{primitive.color.logo-coral}",
              "description": "Identity ingredient independent of action and status. The supplied logo paths and coral color remain unchanged."
            },
            "mythic": {
              "type": "color",
              "value": "{primitive.color.mythic-red}",
              "description": "Exact red identity for the dark local ground; action and status roles are specified and tested separately."
            }
          },
          "art": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.rare-blue}",
              "description": "Rich, slightly muted rare artwork body; use its shadow and highlight to describe form with an authored balance. Rarity names describe palette inspiration, not customer rank or status. Solid text-on-body pairings are declared separately; use art-text counterparts when coloring text on ordinary base surfaces."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.epic-violet}",
              "description": "Rich, slightly muted epic artwork body; use its shadow and highlight to describe form with an authored balance. Rarity names describe palette inspiration, not customer rank or status. Solid text-on-body pairings are declared separately; use art-text counterparts when coloring text on ordinary base surfaces."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.legendary-amber}",
              "description": "Bright, saturated Legendary amber artwork body with deep shadow and golden light. Use it for localized material and highlights in the collage direction. Palette names do not assign customer ranks or status. Solid text-on-body pairings are declared separately; use art-text counterparts for colored text on ordinary base surfaces."
            }
          },
          "art-text": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.dark-rare-text}",
              "description": "Accessible theme-specific foreground counterpart to an art color on the three base surfaces. This is expressive text, not a status or customer rank."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.dark-epic-text}",
              "description": "Accessible theme-specific foreground counterpart to an art color on the three base surfaces. This is expressive text, not a status or customer rank."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.dark-legendary-text}",
              "description": "Accessible theme-specific foreground counterpart to an art color on the three base surfaces. This is expressive text, not a status or customer rank."
            }
          },
          "data": {
            "one": {
              "type": "color",
              "value": "{primitive.color.dark-link}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            },
            "two": {
              "type": "color",
              "value": "{primitive.color.dark-rare-text}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            },
            "three": {
              "type": "color",
              "value": "{primitive.color.dark-epic-text}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            },
            "four": {
              "type": "color",
              "value": "{primitive.color.dark-legendary-text}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            }
          },
          "logo": {
            "holding": {
              "type": "color",
              "value": "{primitive.color.midnight-blue-steel}",
              "description": "Optional dark holding surface on busy grounds or for an original plugin logo lacking a light variant. Prefer the supplied artwork variant for its local background."
            }
          },
          "status": {
            "error": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.dark-error}",
                "description": "Functional error fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.dark-error-bg}",
                "description": "Functional error bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.dark-error-border}",
                "description": "Functional error border role. Use text and meaningful icons; color alone never establishes state."
              }
            },
            "warning": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.dark-warning}",
                "description": "Functional warning fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.dark-warning-bg}",
                "description": "Functional warning bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.dark-warning-border}",
                "description": "Functional warning border role. Use text and meaningful icons; color alone never establishes state."
              }
            },
            "success": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.dark-success}",
                "description": "Functional success fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.dark-success-bg}",
                "description": "Functional success bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.dark-success-border}",
                "description": "Functional success border role. Use text and meaningful icons; color alone never establishes state."
              }
            },
            "info": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.dark-info}",
                "description": "Functional info fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.dark-info-bg}",
                "description": "Functional info bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.dark-info-border}",
                "description": "Functional info border role. Use text and meaningful icons; color alone never establishes state."
              }
            }
          },
          "art-shadow": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.rare-shadow}",
              "description": "Rare artwork shadow; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.epic-shadow}",
              "description": "Epic artwork shadow; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.legendary-shadow}",
              "description": "Legendary artwork shadow; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            }
          },
          "art-highlight": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.rare-highlight}",
              "description": "Rare artwork highlight; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.epic-highlight}",
              "description": "Epic artwork highlight; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.legendary-highlight}",
              "description": "Legendary artwork highlight; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            }
          }
        }
      },
      "light": {
        "color": {
          "bg": {
            "page": {
              "type": "color",
              "value": "{primitive.color.paper}",
              "description": "Semantic bg.page role in the light theme."
            },
            "surface": {
              "type": "color",
              "value": "{primitive.color.white}",
              "description": "Semantic bg.surface role in the light theme."
            },
            "lifted": {
              "type": "color",
              "value": "{primitive.color.silver-surface}",
              "description": "Semantic bg.lifted role in the light theme."
            }
          },
          "text": {
            "primary": {
              "type": "color",
              "value": "{primitive.color.light-ink}",
              "description": "Semantic text.primary role in the light theme."
            },
            "secondary": {
              "type": "color",
              "value": "{primitive.color.light-secondary}",
              "description": "Semantic text.secondary role in the light theme."
            },
            "disabled": {
              "type": "color",
              "value": "{primitive.color.light-border}",
              "description": "Semantic text.disabled role in the light theme."
            }
          },
          "border": {
            "control": {
              "type": "color",
              "value": "{primitive.color.light-border}",
              "description": "Semantic border.control role in the light theme."
            },
            "decorative": {
              "type": "color",
              "value": "{primitive.color.light-faint}",
              "description": "Optional divider only; never the sole boundary of an enabled control."
            }
          },
          "action": {
            "primary": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.action-red-light}",
                "description": "Semantic action.primary.bg role in the light theme."
              },
              "hover": {
                "type": "color",
                "value": "{primitive.color.light-action-hover}",
                "description": "Semantic action.primary.hover role in the light theme."
              },
              "pressed": {
                "type": "color",
                "value": "{primitive.color.light-action-pressed}",
                "description": "Semantic action.primary.pressed role in the light theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.white}",
                "description": "Semantic action.primary.fg role in the light theme."
              }
            },
            "secondary": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.white}",
                "description": "Semantic action.secondary.bg role in the light theme."
              },
              "hover": {
                "type": "color",
                "value": "{primitive.color.silver-surface}",
                "description": "Semantic action.secondary.hover role in the light theme."
              },
              "pressed": {
                "type": "color",
                "value": "{primitive.color.light-selection}",
                "description": "Semantic action.secondary.pressed role in the light theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.light-ink}",
                "description": "Semantic action.secondary.fg role in the light theme."
              }
            },
            "danger": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.light-error}",
                "description": "Semantic action.danger.bg role in the light theme."
              },
              "hover": {
                "type": "color",
                "value": "{primitive.color.light-danger-hover}",
                "description": "Semantic action.danger.hover role in the light theme."
              },
              "pressed": {
                "type": "color",
                "value": "{primitive.color.light-danger-pressed}",
                "description": "Semantic action.danger.pressed role in the light theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.white}",
                "description": "Semantic action.danger.fg role in the light theme."
              }
            },
            "disabled": {
              "bg": {
                "type": "color",
                "value": "{primitive.color.silver-surface}",
                "description": "Semantic action.disabled.bg role in the light theme."
              },
              "fg": {
                "type": "color",
                "value": "{primitive.color.light-secondary}",
                "description": "Semantic action.disabled.fg role in the light theme."
              }
            }
          },
          "field": {
            "bg": {
              "type": "color",
              "value": "{primitive.color.white}",
              "description": "Semantic field.bg role in the light theme."
            },
            "fg": {
              "type": "color",
              "value": "{primitive.color.light-ink}",
              "description": "Semantic field.fg role in the light theme."
            },
            "placeholder": {
              "type": "color",
              "value": "{primitive.color.light-secondary}",
              "description": "Semantic field.placeholder role in the light theme."
            }
          },
          "link": {
            "default": {
              "type": "color",
              "value": "{primitive.color.action-red-light}",
              "description": "Semantic link.default role in the light theme."
            },
            "hover": {
              "type": "color",
              "value": "{primitive.color.light-action-hover}",
              "description": "Semantic link.hover role in the light theme."
            },
            "pressed": {
              "type": "color",
              "value": "{primitive.color.light-action-pressed}",
              "description": "Semantic link.pressed role in the light theme."
            }
          },
          "focus": {
            "ring": {
              "type": "color",
              "value": "{primitive.color.light-rare-text}",
              "description": "Semantic focus.ring role in the light theme."
            },
            "gap": {
              "type": "color",
              "value": "{primitive.color.paper}",
              "description": "Semantic focus.gap role in the light theme."
            }
          },
          "selection": {
            "bg": {
              "type": "color",
              "value": "{primitive.color.light-selection}",
              "description": "Semantic selection.bg role in the light theme."
            },
            "fg": {
              "type": "color",
              "value": "{primitive.color.light-ink}",
              "description": "Semantic selection.fg role in the light theme."
            }
          },
          "selected": {
            "bg": {
              "type": "color",
              "value": "{primitive.color.light-info-bg}",
              "description": "Semantic selected.bg role in the light theme."
            },
            "fg": {
              "type": "color",
              "value": "{primitive.color.light-ink}",
              "description": "Semantic selected.fg role in the light theme."
            },
            "border": {
              "type": "color",
              "value": "{primitive.color.light-info}",
              "description": "Semantic selected.border role in the light theme."
            }
          },
          "identity": {
            "coral": {
              "type": "color",
              "value": "{primitive.color.logo-coral}",
              "description": "Identity ingredient independent of action and status. The supplied logo paths and coral color remain unchanged."
            },
            "mythic": {
              "type": "color",
              "value": "{primitive.color.logo-red-light}",
              "description": "Exact red identity for the light local ground; action and status roles are specified and tested separately."
            }
          },
          "art": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.rare-blue}",
              "description": "Rich, slightly muted rare artwork body; use its shadow and highlight to describe form with an authored balance. Rarity names describe palette inspiration, not customer rank or status. Solid text-on-body pairings are declared separately; use art-text counterparts when coloring text on ordinary base surfaces."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.epic-violet}",
              "description": "Rich, slightly muted epic artwork body; use its shadow and highlight to describe form with an authored balance. Rarity names describe palette inspiration, not customer rank or status. Solid text-on-body pairings are declared separately; use art-text counterparts when coloring text on ordinary base surfaces."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.legendary-amber}",
              "description": "Bright, saturated Legendary amber artwork body with deep shadow and golden light. Use it for localized material and highlights in the collage direction. Palette names do not assign customer ranks or status. Solid text-on-body pairings are declared separately; use art-text counterparts for colored text on ordinary base surfaces."
            }
          },
          "art-text": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.light-rare-text}",
              "description": "Accessible theme-specific foreground counterpart to an art color on the three base surfaces. This is expressive text, not a status or customer rank."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.light-epic-text}",
              "description": "Accessible theme-specific foreground counterpart to an art color on the three base surfaces. This is expressive text, not a status or customer rank."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.light-legendary-text}",
              "description": "Accessible theme-specific foreground counterpart to an art color on the three base surfaces. This is expressive text, not a status or customer rank."
            }
          },
          "data": {
            "one": {
              "type": "color",
              "value": "{primitive.color.action-red-light}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            },
            "two": {
              "type": "color",
              "value": "{primitive.color.light-rare-text}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            },
            "three": {
              "type": "color",
              "value": "{primitive.color.light-epic-text}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            },
            "four": {
              "type": "color",
              "value": "{primitive.color.light-legendary-text}",
              "description": "Accessible data mark on base surfaces; accompany with direct labels and another distinguishing cue."
            }
          },
          "logo": {
            "holding": {
              "type": "color",
              "value": "{primitive.color.midnight-blue-steel}",
              "description": "Optional dark holding surface on busy grounds or for an original plugin logo lacking a light variant. Prefer the supplied artwork variant for its local background."
            }
          },
          "status": {
            "error": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.light-error}",
                "description": "Functional error fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.light-error-bg}",
                "description": "Functional error bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.light-error-border}",
                "description": "Functional error border role. Use text and meaningful icons; color alone never establishes state."
              }
            },
            "warning": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.light-warning}",
                "description": "Functional warning fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.light-warning-bg}",
                "description": "Functional warning bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.light-warning-border}",
                "description": "Functional warning border role. Use text and meaningful icons; color alone never establishes state."
              }
            },
            "success": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.light-success}",
                "description": "Functional success fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.light-success-bg}",
                "description": "Functional success bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.light-success-border}",
                "description": "Functional success border role. Use text and meaningful icons; color alone never establishes state."
              }
            },
            "info": {
              "fg": {
                "type": "color",
                "value": "{primitive.color.light-info}",
                "description": "Functional info fg role. Use text and meaningful icons; color alone never establishes state."
              },
              "bg": {
                "type": "color",
                "value": "{primitive.color.light-info-bg}",
                "description": "Functional info bg role. Use text and meaningful icons; color alone never establishes state."
              },
              "border": {
                "type": "color",
                "value": "{primitive.color.light-info-border}",
                "description": "Functional info border role. Use text and meaningful icons; color alone never establishes state."
              }
            }
          },
          "art-shadow": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.rare-shadow}",
              "description": "Rare artwork shadow; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.epic-shadow}",
              "description": "Epic artwork shadow; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.legendary-shadow}",
              "description": "Legendary artwork shadow; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            }
          },
          "art-highlight": {
            "rare": {
              "type": "color",
              "value": "{primitive.color.rare-highlight}",
              "description": "Rare artwork highlight; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "epic": {
              "type": "color",
              "value": "{primitive.color.epic-highlight}",
              "description": "Epic artwork highlight; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            },
            "legendary": {
              "type": "color",
              "value": "{primitive.color.legendary-highlight}",
              "description": "Legendary artwork highlight; the same material family in either theme. Shape depth and light according to the scene, without fixed proportions. Verify text over actual gradients or imagery separately."
            }
          }
        }
      }
    },
    "typography": {
      "family": {
        "display": {
          "type": "fontFamily",
          "value": "\"DM Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif",
          "description": "Strong display option aligned with everyday UI. A composition can choose editorial type when it supports the subject."
        },
        "body": {
          "type": "fontFamily",
          "value": "\"DM Sans\", system-ui, -apple-system, \"Segoe UI\", sans-serif",
          "description": "Body and interface."
        },
        "code": {
          "type": "fontFamily",
          "value": "ui-monospace, \"Cascadia Code\", Consolas, monospace",
          "description": "Technical values only when they help the task."
        },
        "editorial": {
          "type": "fontFamily",
          "value": "\"Newsreader\", Georgia, \"Times New Roman\", serif",
          "description": "Optional editorial reading, quotation and expressive emphasis; no universal headline requirement."
        }
      },
      "size": {
        "hero": {
          "type": "dimension",
          "value": "clamp(2.75rem, 1.65rem + 5vw, 6.5rem)",
          "description": "Fluid display starting point. Intentional composition and readable words determine the final scale."
        },
        "display": {
          "type": "dimension",
          "value": "clamp(2.25rem, 1.5rem + 3vw, 4.5rem)",
          "description": "Display or editorial section opening; choose family by content."
        },
        "h1": {
          "type": "dimension",
          "value": "clamp(2rem, 1.5rem + 2vw, 3.25rem)",
          "description": "Page heading."
        },
        "h2": {
          "type": "dimension",
          "value": "clamp(1.5rem, 1.25rem + 1vw, 2rem)",
          "description": "Section heading."
        },
        "h3": {
          "type": "dimension",
          "value": "1.25rem",
          "description": "Card or subsection heading."
        },
        "lead": {
          "type": "dimension",
          "value": "clamp(1.125rem, 1rem + .5vw, 1.375rem)",
          "description": "Introductory reading."
        },
        "body": {
          "type": "dimension",
          "value": "1rem",
          "description": "Default body and form input size."
        },
        "small": {
          "type": "dimension",
          "value": ".875rem",
          "description": "Secondary text; never faint or compressed."
        },
        "caption": {
          "type": "dimension",
          "value": ".8125rem",
          "description": "Occasional metadata, not essential instructions."
        }
      },
      "weight": {
        "display": {
          "type": "fontWeight",
          "value": 700,
          "description": "Strong DM Sans display option; 600–700 commonly fits expressive or direct headings."
        },
        "body": {
          "type": "fontWeight",
          "value": 400,
          "description": "DM Sans default reading weight."
        },
        "emphasis": {
          "type": "fontWeight",
          "value": 600,
          "description": "DM Sans emphasis and controls."
        },
        "heading": {
          "type": "fontWeight",
          "value": 650,
          "description": "DM Sans compact headings."
        },
        "editorial": {
          "type": "fontWeight",
          "value": 400,
          "description": "Newsreader regular for editorial expression; use the real italic face when selected."
        }
      },
      "leading": {
        "display": {
          "type": "number",
          "value": 1.05,
          "description": "Hero display line-height."
        },
        "heading": {
          "type": "number",
          "value": 1.2,
          "description": "Short heading line-height."
        },
        "body": {
          "type": "number",
          "value": 1.6,
          "description": "Comfortable reading rhythm."
        },
        "ui": {
          "type": "number",
          "value": 1.4,
          "description": "Multiline interface text."
        }
      },
      "tracking": {
        "display": {
          "type": "dimension",
          "value": "-.025em",
          "description": "Large editorial titles; adjust for optical balance."
        },
        "body": {
          "type": "dimension",
          "value": "0em",
          "description": "Natural spacing for reading and navigation."
        }
      },
      "measure": {
        "reading": {
          "type": "dimension",
          "value": "66ch",
          "description": "Target reading column."
        },
        "narrow": {
          "type": "dimension",
          "value": "44ch",
          "description": "Short prompts and side content."
        },
        "title": {
          "type": "dimension",
          "value": "18ch",
          "description": "Starting point for editorial heading composition."
        }
      }
    },
    "layout": {
      "content": {
        "type": "dimension",
        "value": "78rem",
        "description": "Optional standard content measure. Sections may use wide, fluid, full-bleed, reading or asymmetric composition; no site-wide maximum is implied."
      },
      "gutter": {
        "type": "dimension",
        "value": "clamp(1.25rem, 4vw, 4rem)",
        "description": "Responsive side breathing room."
      },
      "control-min-height": {
        "type": "dimension",
        "value": "2.75rem",
        "description": "44px nominal minimum; long labels wrap and grow."
      },
      "wide": {
        "type": "dimension",
        "value": "96rem",
        "description": "Optional wide comparison, portfolio or image composition measure; local composition may choose another width."
      }
    },
    "radius": {
      "precise": {
        "type": "dimension",
        "value": "6px",
        "description": "Compact controls and nested data; a role, not a maximum."
      },
      "control": {
        "type": "dimension",
        "value": "12px",
        "description": "Friendly buttons, inputs and small panels."
      },
      "scene": {
        "type": "dimension",
        "value": "20px",
        "description": "Featured panels and image containers. A starting shape for the material, not a universal maximum."
      },
      "pill": {
        "type": "dimension",
        "value": "999px",
        "description": "Tags and clearly bounded short filters; not a universal shape."
      },
      "quote": {
        "type": "dimension",
        "value": "3px",
        "description": "Softened corners for a quotation or prompt excerpt with a side rule; not a global component radius."
      }
    },
    "motion": {
      "duration": {
        "instant": {
          "type": "duration",
          "value": "0ms",
          "description": "Immediate updates and reduced-motion decorative fallback."
        },
        "quick": {
          "type": "duration",
          "value": "120ms",
          "description": "Small hover/focus response."
        },
        "standard": {
          "type": "duration",
          "value": "180ms",
          "description": "Control state transition."
        },
        "reveal": {
          "type": "duration",
          "value": "280ms",
          "description": "Optional spatial reveal."
        },
        "scene": {
          "type": "duration",
          "value": "600ms",
          "description": "Rare expressive entrance; never delay task availability."
        },
        "reduced": {
          "type": "duration",
          "value": "90ms",
          "description": "Short opacity/color feedback when reduced motion is requested."
        }
      },
      "ease": {
        "standard": {
          "type": "cubicBezier",
          "value": "cubic-bezier(.2, 0, 0, 1)",
          "description": "Gentle settling without elastic bounce."
        },
        "entrance": {
          "type": "cubicBezier",
          "value": "cubic-bezier(.16, 1, .3, 1)",
          "description": "Expressive entrance."
        }
      },
      "distance": {
        "small": {
          "type": "dimension",
          "value": "6px",
          "description": "Maximum starting displacement for ordinary optional reveal."
        },
        "scene": {
          "type": "dimension",
          "value": "16px",
          "description": "Optional expressive entrance distance; use zero with reduced motion."
        }
      }
    },
    "elevation": {
      "soft": {
        "type": "shadow",
        "value": "0 6px 20px rgb(0 0 0 / .12)",
        "description": "Subtle depth; maintain semantic boundary independent of shadow."
      },
      "dialog": {
        "type": "shadow",
        "value": "0 24px 80px rgb(0 0 0 / .28)",
        "description": "Dialog or floating canvas."
      }
    },
    "layer": {
      "base": {
        "type": "number",
        "value": 0,
        "description": "Normal content."
      },
      "sticky": {
        "type": "number",
        "value": 10,
        "description": "Persistent local navigation."
      },
      "dropdown": {
        "type": "number",
        "value": 30,
        "description": "Menus within current interaction layer."
      },
      "dialog": {
        "type": "number",
        "value": 50,
        "description": "Dialog layer; prefer native top-layer semantics when available."
      },
      "toast": {
        "type": "number",
        "value": 60,
        "description": "Nonblocking feedback."
      },
      "tooltip": {
        "type": "number",
        "value": 70,
        "description": "Help for the currently interactive layer."
      }
    },
    "spacing": {
      "0": {
        "type": "dimension",
        "value": "0",
        "description": "Spacing step 0 on a 4px nominal rhythm; choose by content and composition."
      },
      "1": {
        "type": "dimension",
        "value": "0.25rem",
        "description": "Spacing step 1 on a 4px nominal rhythm; choose by content and composition."
      },
      "2": {
        "type": "dimension",
        "value": "0.5rem",
        "description": "Spacing step 2 on a 4px nominal rhythm; choose by content and composition."
      },
      "3": {
        "type": "dimension",
        "value": "0.75rem",
        "description": "Spacing step 3 on a 4px nominal rhythm; choose by content and composition."
      },
      "4": {
        "type": "dimension",
        "value": "1rem",
        "description": "Spacing step 4 on a 4px nominal rhythm; choose by content and composition."
      },
      "5": {
        "type": "dimension",
        "value": "1.25rem",
        "description": "Spacing step 5 on a 4px nominal rhythm; choose by content and composition."
      },
      "6": {
        "type": "dimension",
        "value": "1.5rem",
        "description": "Spacing step 6 on a 4px nominal rhythm; choose by content and composition."
      },
      "8": {
        "type": "dimension",
        "value": "2rem",
        "description": "Spacing step 8 on a 4px nominal rhythm; choose by content and composition."
      },
      "10": {
        "type": "dimension",
        "value": "2.5rem",
        "description": "Spacing step 10 on a 4px nominal rhythm; choose by content and composition."
      },
      "12": {
        "type": "dimension",
        "value": "3rem",
        "description": "Spacing step 12 on a 4px nominal rhythm; choose by content and composition."
      },
      "16": {
        "type": "dimension",
        "value": "4rem",
        "description": "Spacing step 16 on a 4px nominal rhythm; choose by content and composition."
      },
      "20": {
        "type": "dimension",
        "value": "5rem",
        "description": "Spacing step 20 on a 4px nominal rhythm; choose by content and composition."
      },
      "24": {
        "type": "dimension",
        "value": "6rem",
        "description": "Spacing step 24 on a 4px nominal rhythm; choose by content and composition."
      }
    },
    "purpose": {
      "email": {
        "type": "color",
        "value": "#254B8E",
        "description": "email purpose-tag background with a white text label; purpose is distinct from status."
      },
      "sms": {
        "type": "color",
        "value": "#603A8C",
        "description": "sms purpose-tag background with a white text label; purpose is distinct from status."
      },
      "wait": {
        "type": "color",
        "value": "#43596C",
        "description": "wait purpose-tag background with a white text label; purpose is distinct from status."
      },
      "ad": {
        "type": "color",
        "value": "#96382F",
        "description": "ad purpose-tag background with a white text label; purpose is distinct from status."
      },
      "optin": {
        "type": "color",
        "value": "#236047",
        "description": "optin purpose-tag background with a white text label; purpose is distinct from status."
      },
      "video": {
        "type": "color",
        "value": "#364777",
        "description": "video purpose-tag background with a white text label; purpose is distinct from status."
      },
      "source": {
        "type": "color",
        "value": "#55536E",
        "description": "source purpose-tag background with a white text label; purpose is distinct from status."
      }
    }
  },
  "contrastTests": [
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.text.primary",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.text.secondary",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.default",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.hover",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.pressed",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.border.control",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.focus.ring",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.selected.border",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.one",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.two",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.three",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.four",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.fg",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.border",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.fg",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.border",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.fg",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.border",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.fg",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.border",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.border.control",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Primary action outline against the surrounding surface in normal, hover and pressed states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.bg",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.hover",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.pressed",
      "background": "semantic.dark.color.bg.page",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.text.primary",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.text.secondary",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.default",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.hover",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.pressed",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.border.control",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.focus.ring",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.selected.border",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.one",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.two",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.three",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.four",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.fg",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.border",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.fg",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.border",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.fg",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.border",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.fg",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.border",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.border.control",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Primary action outline against the surrounding surface in normal, hover and pressed states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.bg",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.hover",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.pressed",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.text.primary",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.text.secondary",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.default",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.hover",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.link.pressed",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.border.control",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.focus.ring",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.selected.border",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.one",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.two",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.three",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.data.four",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.fg",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.border",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.fg",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.border",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.fg",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.border",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.fg",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.border",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.border.control",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Primary action outline against the surrounding surface in normal, hover and pressed states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.bg",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.hover",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.pressed",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.primary.fg",
      "background": "semantic.dark.color.action.primary.bg",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.primary.fg",
      "background": "semantic.dark.color.action.primary.hover",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.primary.fg",
      "background": "semantic.dark.color.action.primary.pressed",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.secondary.fg",
      "background": "semantic.dark.color.action.secondary.bg",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.secondary.fg",
      "background": "semantic.dark.color.action.secondary.hover",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.secondary.fg",
      "background": "semantic.dark.color.action.secondary.pressed",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.fg",
      "background": "semantic.dark.color.action.danger.bg",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.fg",
      "background": "semantic.dark.color.action.danger.hover",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.danger.fg",
      "background": "semantic.dark.color.action.danger.pressed",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.field.fg",
      "background": "semantic.dark.color.field.bg",
      "minimum": 4.5,
      "role": "Entered form text"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.field.placeholder",
      "background": "semantic.dark.color.field.bg",
      "minimum": 4.5,
      "role": "Placeholder text supplements a visible label"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.border.control",
      "background": "semantic.dark.color.field.bg",
      "minimum": 3,
      "role": "Enabled field boundary"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.focus.ring",
      "background": "semantic.dark.color.field.bg",
      "minimum": 3,
      "role": "Focus ring against field"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.selection.fg",
      "background": "semantic.dark.color.selection.bg",
      "minimum": 4.5,
      "role": "Native selected text"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.selected.fg",
      "background": "semantic.dark.color.selected.bg",
      "minimum": 4.5,
      "role": "Selected item label"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.selected.border",
      "background": "semantic.dark.color.selected.bg",
      "minimum": 3,
      "role": "Selected item marker"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.action.disabled.fg",
      "background": "semantic.dark.color.action.disabled.bg",
      "minimum": 4.5,
      "role": "Readable disabled label, an intentional extra target"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.fg",
      "background": "semantic.dark.color.status.error.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.error.border",
      "background": "semantic.dark.color.status.error.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.fg",
      "background": "semantic.dark.color.status.warning.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.warning.border",
      "background": "semantic.dark.color.status.warning.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.fg",
      "background": "semantic.dark.color.status.success.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.success.border",
      "background": "semantic.dark.color.status.success.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.fg",
      "background": "semantic.dark.color.status.info.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.status.info.border",
      "background": "semantic.dark.color.status.info.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.text.primary",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.text.secondary",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.default",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.hover",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.pressed",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.border.control",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.focus.ring",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.selected.border",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.one",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.two",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.three",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.four",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.fg",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.border",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.fg",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.border",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.fg",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.border",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.fg",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.border",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.border.control",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Primary action outline against the surrounding surface in normal, hover and pressed states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.bg",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.hover",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.pressed",
      "background": "semantic.light.color.bg.page",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.text.primary",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.text.secondary",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.default",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.hover",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.pressed",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.border.control",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.focus.ring",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.selected.border",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.one",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.two",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.three",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.four",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.fg",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.border",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.fg",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.border",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.fg",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.border",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.fg",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.border",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.border.control",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Primary action outline against the surrounding surface in normal, hover and pressed states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.bg",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.hover",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.pressed",
      "background": "semantic.light.color.bg.surface",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.text.primary",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.text.secondary",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.default",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.hover",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.link.pressed",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Ordinary text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.border.control",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.focus.ring",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.selected.border",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.one",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.two",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.three",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.data.four",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Enabled boundary, focus or essential graphic on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.fg",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.border",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.fg",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.border",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.fg",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.border",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.fg",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Status text on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.border",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Status boundary on surrounding surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.border.control",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Primary action outline against the surrounding surface in normal, hover and pressed states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.bg",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.hover",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.pressed",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 3,
      "role": "Filled enabled action boundary on base surface"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.primary.fg",
      "background": "semantic.light.color.action.primary.bg",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.primary.fg",
      "background": "semantic.light.color.action.primary.hover",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.primary.fg",
      "background": "semantic.light.color.action.primary.pressed",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.secondary.fg",
      "background": "semantic.light.color.action.secondary.bg",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.secondary.fg",
      "background": "semantic.light.color.action.secondary.hover",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.secondary.fg",
      "background": "semantic.light.color.action.secondary.pressed",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.fg",
      "background": "semantic.light.color.action.danger.bg",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.fg",
      "background": "semantic.light.color.action.danger.hover",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.danger.fg",
      "background": "semantic.light.color.action.danger.pressed",
      "minimum": 4.5,
      "role": "Action label across interaction states"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.field.fg",
      "background": "semantic.light.color.field.bg",
      "minimum": 4.5,
      "role": "Entered form text"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.field.placeholder",
      "background": "semantic.light.color.field.bg",
      "minimum": 4.5,
      "role": "Placeholder text supplements a visible label"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.border.control",
      "background": "semantic.light.color.field.bg",
      "minimum": 3,
      "role": "Enabled field boundary"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.focus.ring",
      "background": "semantic.light.color.field.bg",
      "minimum": 3,
      "role": "Focus ring against field"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.selection.fg",
      "background": "semantic.light.color.selection.bg",
      "minimum": 4.5,
      "role": "Native selected text"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.selected.fg",
      "background": "semantic.light.color.selected.bg",
      "minimum": 4.5,
      "role": "Selected item label"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.selected.border",
      "background": "semantic.light.color.selected.bg",
      "minimum": 3,
      "role": "Selected item marker"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.action.disabled.fg",
      "background": "semantic.light.color.action.disabled.bg",
      "minimum": 4.5,
      "role": "Readable disabled label, an intentional extra target"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.fg",
      "background": "semantic.light.color.status.error.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.error.border",
      "background": "semantic.light.color.status.error.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.fg",
      "background": "semantic.light.color.status.warning.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.warning.border",
      "background": "semantic.light.color.status.warning.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.fg",
      "background": "semantic.light.color.status.success.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.success.border",
      "background": "semantic.light.color.status.success.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.fg",
      "background": "semantic.light.color.status.info.bg",
      "minimum": 4.5,
      "role": "Status message text"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.status.info.border",
      "background": "semantic.light.color.status.info.bg",
      "minimum": 3,
      "role": "Status message boundary"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.rare",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.rare",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.rare",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.epic",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.epic",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.epic",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.legendary",
      "background": "semantic.dark.color.bg.page",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.legendary",
      "background": "semantic.dark.color.bg.surface",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "semantic.dark.color.art-text.legendary",
      "background": "semantic.dark.color.bg.lifted",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.rare",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.rare",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.rare",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.epic",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.epic",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.epic",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.legendary",
      "background": "semantic.light.color.bg.page",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.legendary",
      "background": "semantic.light.color.bg.surface",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "light",
      "foreground": "semantic.light.color.art-text.legendary",
      "background": "semantic.light.color.bg.lifted",
      "minimum": 4.5,
      "role": "Theme-specific expressive text counterpart on base surface; no status or rank meaning"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "semantic.dark.color.art.rare",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.paper",
      "background": "semantic.dark.color.art.rare",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "semantic.dark.color.art.epic",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.paper",
      "background": "semantic.dark.color.art.epic",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.midnight-blue-steel",
      "background": "semantic.dark.color.art.legendary",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "semantic.light.color.art.rare",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.paper",
      "background": "semantic.light.color.art.rare",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "semantic.light.color.art.epic",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.paper",
      "background": "semantic.light.color.art.epic",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.midnight-blue-steel",
      "background": "semantic.light.color.art.legendary",
      "minimum": 4.5,
      "role": "Ordinary text on a solid artwork body; gradients, highlights and image composites require rendered contrast checks"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "purpose.email",
      "minimum": 4.5,
      "role": "email purpose tag text"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "purpose.sms",
      "minimum": 4.5,
      "role": "sms purpose tag text"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "purpose.wait",
      "minimum": 4.5,
      "role": "wait purpose tag text"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "purpose.ad",
      "minimum": 4.5,
      "role": "ad purpose tag text"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "purpose.optin",
      "minimum": 4.5,
      "role": "optin purpose tag text"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "purpose.video",
      "minimum": 4.5,
      "role": "video purpose tag text"
    },
    {
      "theme": "dark",
      "foreground": "primitive.color.white",
      "background": "purpose.source",
      "minimum": 4.5,
      "role": "source purpose tag text"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "purpose.email",
      "minimum": 4.5,
      "role": "email purpose tag text"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "purpose.sms",
      "minimum": 4.5,
      "role": "sms purpose tag text"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "purpose.wait",
      "minimum": 4.5,
      "role": "wait purpose tag text"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "purpose.ad",
      "minimum": 4.5,
      "role": "ad purpose tag text"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "purpose.optin",
      "minimum": 4.5,
      "role": "optin purpose tag text"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "purpose.video",
      "minimum": 4.5,
      "role": "video purpose tag text"
    },
    {
      "theme": "light",
      "foreground": "primitive.color.white",
      "background": "purpose.source",
      "minimum": 4.5,
      "role": "source purpose tag text"
    }
  ],
  "limitations": [
    "Token checks do not establish WCAG conformance for a product.",
    "Test keyboard, screen reader behavior, zoom/reflow, touch targets, motion, reading order, form errors and real content separately.",
    "Alpha overlays, photography, art textures, browser-native controls and third-party components require contrast checks in context.",
    "Font file presence is optional in the validator unless --check-fonts is passed; inspect actual font licensing, glyph support and rendering separately."
  ],
  "systemVersion": "2.0.0",
  "creativeContext": {
    "customer": "Begin with one recognizable customer, what is painful or desired in their situation, and the credible result this experience helps them reach.",
    "method": "Narrative and marketing frameworks guide decisions internally. Customer-facing words describe their situation, value and next step in ordinary language.",
    "expression": "Vivid color and gaming roots bring energy and memorable art. They do not turn customer journeys into game mechanics or require technical consoles.",
    "registers": {
      "Expressive": "Campaigns and significant moments: strong composition, human stakes and vivid authored imagery.",
      "Everyday": "Sustained use: clear, capable controls and a recognizable human purpose.",
      "Editorial": "Reading and reflection: patient rhythm, evidence, photographs and optional serif expression."
    },
    "rarityNames": "Rare blue, epic violet and legendary amber name an art palette. They do not assign customer ranks, status, pricing tiers or achievement requirements.",
    "typography": "DM Sans carries body, interface and strong display by default. Newsreader is an optional editorial or expressive voice; choose the type relationship that serves the piece.",
    "artRamps": "Rare and Epic retain deep, slightly muted bodies. Legendary is the brighter, more saturated amber exception, with a deep amber shadow and luminous golden highlight. Their balance follows the composition without fixed percentages. In the collage direction, amber stays in localized material and light rather than broad CTA or form backgrounds. Functional text, actions and status retain their independently readable theme roles."
  }
}