{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "name": "devsigner-design-system",
  "version": "0.4.16",
  "description": "Portable design tokens for the devsigner design system. Brand primitives remain distinct from product status tokens.",
  "color": {
    "charcoal": { "$value": "#1B1B1B", "$type": "color", "$description": "Canonical warm canvas." },
    "surface": { "$value": "#242424", "$type": "color" },
    "surfaceMuted": { "$value": "#292929", "$type": "color" },
    "cream": { "$value": "#F9E9CB", "$type": "color", "$description": "Canonical primary ink." },
    "inkMuted": { "$value": "#D5D5D5", "$type": "color" },
    "border": { "$value": "#393939", "$type": "color" },
    "terracotta": { "$value": "#AF232B", "$type": "color", "$description": "Limited brand accent, never a functional status." },
    "terracottaPressed": { "$value": "#891C23", "$type": "color" },
    "terracottaSoft": { "$value": "#391B1E", "$type": "color" },
    "terracottaHighlight": { "$value": "#EC826A", "$type": "color", "$description": "Warm edge used by small primary brand shapes; not a status color." },
    "shapeCream": { "$value": "#F1CFA1", "$type": "color" },
    "shapeRed": { "$value": "#D65049", "$type": "color" },
    "shapeOchre": { "$value": "#D99A62", "$type": "color" },
    "success": { "$value": "#9FBD87", "$type": "color", "$description": "Product-only positive state." },
    "danger": { "$value": "#CF7069", "$type": "color", "$description": "Product-only negative or destructive state." },
    "warning": { "$value": "#D99A62", "$type": "color", "$description": "Product-only warning state." },
    "info": { "$value": "#9DB6D1", "$type": "color", "$description": "Product-only informational state." },
    "lightCanvas": { "$value": "#F6EAD4", "$type": "color", "$description": "Warm light canvas." },
    "lightSurface": { "$value": "#FFF9EE", "$type": "color" },
    "lightSurfaceMuted": { "$value": "#EADCC4", "$type": "color" },
    "lightText": { "$value": "#1B1B1B", "$type": "color" },
    "lightTextMuted": { "$value": "#625B51", "$type": "color" },
    "lightBorder": { "$value": "#C8B99F", "$type": "color" },
    "white": { "$value": "#FFFFFF", "$type": "color" },
    "codeSurface": { "$value": "#171717", "$type": "color" },
    "borderSubtleDark": { "$value": "#F9E9CB1F", "$type": "color" },
    "borderStrongDark": { "$value": "#F9E9CB42", "$type": "color" },
    "borderSubtleLight": { "$value": "#1B1B1B1F", "$type": "color" },
    "borderStrongLight": { "$value": "#1B1B1B47", "$type": "color" },
    "lightSelection": { "$value": "#EED0C7", "$type": "color" },
    "lightActionSecondaryHover": { "$value": "#F1E5D0", "$type": "color" },
    "successLight": { "$value": "#356B2F", "$type": "color" },
    "dangerLight": { "$value": "#9F2F35", "$type": "color" },
    "warningLight": { "$value": "#8A4F17", "$type": "color" },
    "infoLight": { "$value": "#315E86", "$type": "color" },
    "successSoftDark": { "$value": "#9FBD8721", "$type": "color" },
    "dangerSoftDark": { "$value": "#CF706924", "$type": "color" },
    "warningSoftDark": { "$value": "#D99A6224", "$type": "color" },
    "infoSoftDark": { "$value": "#9DB6D124", "$type": "color" },
    "successSoftLight": { "$value": "#356B2F1F", "$type": "color" },
    "dangerSoftLight": { "$value": "#9F2F351F", "$type": "color" },
    "warningSoftLight": { "$value": "#8A4F171F", "$type": "color" },
    "infoSoftLight": { "$value": "#315E861F", "$type": "color" }
  },
  "font": {
    "editorial": { "$value": "Merriweather, Georgia, Cambria, 'Times New Roman', serif", "$type": "fontFamily" },
    "ui": { "$value": "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", "$type": "fontFamily" },
    "mono": { "$value": "'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace", "$type": "fontFamily" }
  },
  "typography": {
    "tracking": {
      "display": { "$value": "0em", "$type": "dimension" },
      "heading1": { "$value": "0.0025em", "$type": "dimension" },
      "heading2": { "$value": "0.005em", "$type": "dimension" },
      "heading3": { "$value": "0.005em", "$type": "dimension" }
    }
  },
  "gradient": {
    "atmospherePrimaryDark": {
      "$type": "gradient",
      "$description": "Low-opacity primary glow for dark editorial scenes.",
      "$value": [
        { "color": "#5E252526", "position": 0 },
        { "color": "#5E252500", "position": 0.26 }
      ]
    },
    "atmosphereSecondaryDark": {
      "$type": "gradient",
      "$description": "Low-opacity warm secondary glow for dark editorial scenes.",
      "$value": [
        { "color": "#753B2B24", "position": 0 },
        { "color": "#753B2B00", "position": 0.2 }
      ]
    },
    "atmospherePrimaryLight": {
      "$type": "gradient",
      "$description": "Primary glow reduced for warm light canvases.",
      "$value": [
        { "color": "#AF232B17", "position": 0 },
        { "color": "#AF232B00", "position": 0.32 }
      ]
    },
    "atmosphereSecondaryLight": {
      "$type": "gradient",
      "$description": "Secondary glow reduced for warm light canvases.",
      "$value": [
        { "color": "#D99A621A", "position": 0 },
        { "color": "#D99A6200", "position": 0.28 }
      ]
    },
    "materialCream": {
      "$type": "gradient",
      "$description": "Display-only warm cream material.",
      "$value": [
        { "color": "#FFE7C2", "position": 0 },
        { "color": "#F3C797", "position": 1 }
      ]
    },
    "materialCharcoal": {
      "$type": "gradient",
      "$description": "Display-only charcoal material.",
      "$value": [
        { "color": "#393536", "position": 0.061733 },
        { "color": "#171718", "position": 0.71037 }
      ]
    },
    "materialPrimary": {
      "$type": "gradient",
      "$description": "Display-only primary red material.",
      "$value": [
        { "color": "#B32D31", "position": 0 },
        { "color": "#6B1F25", "position": 1 }
      ]
    }
  },
  "space": {
    "0": { "$value": "0", "$type": "dimension" },
    "1": { "$value": "0.25rem", "$type": "dimension" },
    "2": { "$value": "0.5rem", "$type": "dimension" },
    "3": { "$value": "0.75rem", "$type": "dimension" },
    "4": { "$value": "1rem", "$type": "dimension" },
    "5": { "$value": "1.5rem", "$type": "dimension" },
    "6": { "$value": "2rem", "$type": "dimension" },
    "7": { "$value": "3rem", "$type": "dimension" },
    "8": { "$value": "4.5rem", "$type": "dimension" },
    "9": { "$value": "7rem", "$type": "dimension" }
  },
  "radius": {
    "none": { "$value": "0", "$type": "dimension" },
    "sm": { "$value": "0.55rem", "$type": "dimension" },
    "md": { "$value": "1rem", "$type": "dimension" },
    "lg": { "$value": "1.5rem", "$type": "dimension" },
    "pill": { "$value": "999px", "$type": "dimension" }
  },
  "border": {
    "width": { "$value": "1px", "$type": "dimension" }
  },
  "layout": {
    "contentWide": { "$value": "76rem", "$type": "dimension" },
    "contentReading": { "$value": "44rem", "$type": "dimension" }
  },
  "control": {
    "heightCompact": { "$value": "2rem", "$type": "dimension" },
    "heightDefault": { "$value": "2.75rem", "$type": "dimension" },
    "touchTarget": { "$value": "2.75rem", "$type": "dimension" }
  },
  "icon": {
    "sizeSm": { "$value": "1rem", "$type": "dimension" },
    "sizeMd": { "$value": "1.25rem", "$type": "dimension" },
    "sizeLg": { "$value": "1.5rem", "$type": "dimension" }
  },
  "focus": {
    "width": { "$value": "3px", "$type": "dimension" },
    "offset": { "$value": "3px", "$type": "dimension" }
  },
  "opacity": {
    "disabled": { "$value": 0.52, "$type": "number" },
    "scrim": { "$value": 0.64, "$type": "number" }
  },
  "density": {
    "compact": { "$value": "{space.2}", "$type": "dimension" },
    "default": { "$value": "{space.3}", "$type": "dimension" },
    "comfortable": { "$value": "{space.4}", "$type": "dimension" }
  },
  "motion": {
    "durationFast": { "$value": "120ms", "$type": "duration" },
    "durationStandard": { "$value": "180ms", "$type": "duration" },
    "durationSlow": { "$value": "280ms", "$type": "duration" },
    "easingStandard": { "$value": "cubic-bezier(0.2, 0, 0, 1)", "$type": "cubicBezier" }
  },
  "semantic": {
    "canvas": { "$value": "{color.charcoal}", "$type": "color" },
    "surface": { "$value": "{color.surface}", "$type": "color" },
    "surfaceMuted": { "$value": "{color.surfaceMuted}", "$type": "color" },
    "surfaceSelected": { "$value": "{color.terracottaSoft}", "$type": "color" },
    "textPrimary": { "$value": "{color.cream}", "$type": "color" },
    "textSecondary": { "$value": "{color.inkMuted}", "$type": "color" },
    "textInverse": { "$value": "{color.white}", "$type": "color" },
    "borderDefault": { "$value": "{color.border}", "$type": "color" },
    "borderSubtle": { "$value": "{color.borderSubtleDark}", "$type": "color" },
    "borderStrong": { "$value": "{color.borderStrongDark}", "$type": "color" },
    "brandPrimary": { "$value": "{color.terracotta}", "$type": "color", "$description": "Primary expressive brand role; not a functional status." },
    "brandSecondary": { "$value": "{color.cream}", "$type": "color", "$description": "Secondary expressive brand role; not a text or action priority by itself." },
    "brandPrimaryHighlight": { "$value": "{color.terracottaHighlight}", "$type": "color", "$description": "Edge and small-detail role for primary brand shapes." },
    "brandSecondaryMuted": { "$value": "{color.shapeCream}", "$type": "color", "$description": "Lower-emphasis fill role for secondary brand shapes." },
    "actionPrimary": { "$value": "{color.terracotta}", "$type": "color" },
    "actionPrimaryHover": { "$value": "{color.terracottaPressed}", "$type": "color" },
    "actionPrimaryText": { "$value": "{color.white}", "$type": "color" },
    "actionContrast": { "$value": "{color.cream}", "$type": "color", "$description": "High-contrast action for a dark canvas; not a functional status." },
    "actionContrastHover": { "$value": "{color.shapeCream}", "$type": "color" },
    "actionContrastText": { "$value": "{color.charcoal}", "$type": "color" },
    "actionSecondary": { "$value": "{color.surface}", "$type": "color" },
    "actionSecondaryHover": { "$value": "{color.surfaceMuted}", "$type": "color" },
    "focus": { "$value": "{color.shapeCream}", "$type": "color" },
    "selection": { "$value": "{color.terracottaSoft}", "$type": "color" },
    "statusSuccess": { "$value": "{color.success}", "$type": "color" },
    "statusSuccessSurface": { "$value": "{color.successSoftDark}", "$type": "color" },
    "statusDanger": { "$value": "{color.danger}", "$type": "color" },
    "statusDangerSurface": { "$value": "{color.dangerSoftDark}", "$type": "color" },
    "statusWarning": { "$value": "{color.warning}", "$type": "color" },
    "statusWarningSurface": { "$value": "{color.warningSoftDark}", "$type": "color" },
    "statusInfo": { "$value": "{color.info}", "$type": "color" },
    "statusInfoSurface": { "$value": "{color.infoSoftDark}", "$type": "color" },
    "codeSurface": { "$value": "{color.codeSurface}", "$type": "color" },
    "codeText": { "$value": "{color.shapeCream}", "$type": "color" },
    "codeInline": { "$value": "{color.shapeCream}", "$type": "color", "$description": "Inline code text; separate from code block foreground so Light mode keeps contrast." }
  },
  "theme": {
    "dark": {
      "canvas": { "$value": "{color.charcoal}", "$type": "color" },
      "surface": { "$value": "{color.surface}", "$type": "color" },
      "surfaceMuted": { "$value": "{color.surfaceMuted}", "$type": "color" },
      "surfaceSelected": { "$value": "{color.terracottaSoft}", "$type": "color" },
      "textPrimary": { "$value": "{color.cream}", "$type": "color" },
      "textSecondary": { "$value": "{color.inkMuted}", "$type": "color" },
      "textInverse": { "$value": "{color.white}", "$type": "color" },
      "borderDefault": { "$value": "{color.border}", "$type": "color" },
      "borderSubtle": { "$value": "{color.borderSubtleDark}", "$type": "color" },
      "borderStrong": { "$value": "{color.borderStrongDark}", "$type": "color" },
      "actionPrimaryText": { "$value": "{color.white}", "$type": "color" },
      "actionSecondary": { "$value": "{color.surface}", "$type": "color" },
      "actionSecondaryHover": { "$value": "{color.surfaceMuted}", "$type": "color" },
      "focus": { "$value": "{color.shapeCream}", "$type": "color" },
      "selection": { "$value": "{color.terracottaSoft}", "$type": "color" },
      "statusSuccess": { "$value": "{color.success}", "$type": "color" },
      "statusSuccessSurface": { "$value": "{color.successSoftDark}", "$type": "color" },
      "statusDanger": { "$value": "{color.danger}", "$type": "color" },
      "statusDangerSurface": { "$value": "{color.dangerSoftDark}", "$type": "color" },
      "statusWarning": { "$value": "{color.warning}", "$type": "color" },
      "statusWarningSurface": { "$value": "{color.warningSoftDark}", "$type": "color" },
      "statusInfo": { "$value": "{color.info}", "$type": "color" },
      "statusInfoSurface": { "$value": "{color.infoSoftDark}", "$type": "color" },
      "codeInline": { "$value": "{color.shapeCream}", "$type": "color" }
    },
    "light": {
      "canvas": { "$value": "{color.lightCanvas}", "$type": "color" },
      "surface": { "$value": "{color.lightSurface}", "$type": "color" },
      "surfaceMuted": { "$value": "{color.lightSurfaceMuted}", "$type": "color" },
      "surfaceSelected": { "$value": "{color.lightSelection}", "$type": "color" },
      "textPrimary": { "$value": "{color.lightText}", "$type": "color" },
      "textSecondary": { "$value": "{color.lightTextMuted}", "$type": "color" },
      "textInverse": { "$value": "{color.lightSurface}", "$type": "color" },
      "borderDefault": { "$value": "{color.lightBorder}", "$type": "color" },
      "borderSubtle": { "$value": "{color.borderSubtleLight}", "$type": "color" },
      "borderStrong": { "$value": "{color.borderStrongLight}", "$type": "color" },
      "actionPrimaryText": { "$value": "{color.lightSurface}", "$type": "color" },
      "actionSecondary": { "$value": "{color.lightSurface}", "$type": "color" },
      "actionSecondaryHover": { "$value": "{color.lightActionSecondaryHover}", "$type": "color" },
      "focus": { "$value": "{color.terracotta}", "$type": "color" },
      "selection": { "$value": "{color.lightSelection}", "$type": "color" },
      "statusSuccess": { "$value": "{color.successLight}", "$type": "color" },
      "statusSuccessSurface": { "$value": "{color.successSoftLight}", "$type": "color" },
      "statusDanger": { "$value": "{color.dangerLight}", "$type": "color" },
      "statusDangerSurface": { "$value": "{color.dangerSoftLight}", "$type": "color" },
      "statusWarning": { "$value": "{color.warningLight}", "$type": "color" },
      "statusWarningSurface": { "$value": "{color.warningSoftLight}", "$type": "color" },
      "statusInfo": { "$value": "{color.infoLight}", "$type": "color" },
      "statusInfoSurface": { "$value": "{color.infoSoftLight}", "$type": "color" },
      "codeInline": { "$value": "{color.terracotta}", "$type": "color" }
    }
  }
}