{
  "$schema": "https://registry.ui.frontic.com/recipe.schema.json",
  "base": {
    "extends": [
      "panel",
      "surface-inset"
    ],
    "contain": "inline-size",
    "gap": "{spacing.6}",
    "display": "flex",
    "flexDirection": "column",
    "@md": {
      "gap": "{spacing.8}"
    }
  },
  "variants": {
    "surface": {
      "raised": {},
      "bare": {
        "outline": "{ring.none}",
        "shadow": "none",
        "paddingY": "{spacing.0}",
        "parts": {
          "card-header": {
            "paddingX": "{spacing.0}"
          },
          "card-content": {
            "paddingX": "{spacing.0}"
          },
          "card-footer": {
            "paddingX": "{spacing.0}"
          }
        }
      }
    }
  },
  "defaults": {
    "surface": "raised"
  }
}