{
  "$description": "W3C Design Tokens (DTCG) source for the color tokens used across the examples in this directory. Illustrative and partial - only the aliases actually referenced by button.yaml and color-action-primary.yaml are defined here, not a full system. DSDS points at this file via `refs` (rel: file); it never restates a resolved value itself.",
  "color": {
    "action": {
      "primary": {
        "bg": {
          "$type": "color",
          "$value": "#0055ff",
          "$description": "Fill for high-emphasis interactive surfaces."
        },
        "hover": {
          "$type": "color",
          "$value": "#0044cc",
          "$description": "Fill when the pointer is over a primary-action surface."
        },
        "label": {
          "$type": "color",
          "$value": "#ffffff",
          "$description": "Foreground/text color on a primary-action fill."
        }
      },
      "disabled": {
        "bg": {
          "$type": "color",
          "$value": "#e0e0e0"
        },
        "label": {
          "$type": "color",
          "$value": "#9e9e9e"
        }
      },
      "danger": {
        "$type": "color",
        "$value": "#c62828",
        "$description": "Fill for destructive actions."
      }
    },
    "surface": {
      "default": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "raised": {
        "$type": "color",
        "$value": "#f8f8f8"
      }
    },
    "focus": {
      "ring": {
        "$type": "color",
        "$value": "#2962ff"
      }
    }
  }
}
