id: color.surface.raised
kind: token
name: Surface Raised
description: The background color for a surface that sits visually above the default surface, like a card or menu.

tokenType: color

metadata:
  status: {status: stable}
  since: 1.0.0
  tags: [color, surface]
  group: color.surface

refs:
  - to: color.surface.default
    rel: relates-to
  - href: ./tokens.dtcg.json
    rel: file
    role: color.surface.raised

sections:
  - kind: guidelines
    for: all
    items:
      - statement: Pair with a shadow or border to reinforce the elevation change - color alone is not always sufficient contrast.
        level: should
