{
  "schemaVersion": 1,
  "id": "angular",
  "name": "Angular / Lo-Fi",
  "version": "1.0.0",
  "defaultMode": "light",
  "tokens": {
    "shape.control": {
      "type": "dimension",
      "value": "0",
      "legacy": "radius-sm"
    },
    "shape.panel": {
      "type": "dimension",
      "value": "0",
      "legacy": "radius-md"
    },
    "shape.dialog": {
      "type": "dimension",
      "value": "0",
      "legacy": "radius-lg"
    },
    "shape.base": {
      "type": "dimension",
      "value": "0",
      "legacy": "radius"
    },
    "space.control": {
      "type": "dimension",
      "value": "0.75rem"
    },
    "space.panel": {
      "type": "dimension",
      "value": "1rem",
      "legacy": "space-panel"
    },
    "space.page": {
      "type": "dimension",
      "value": "1rem"
    },
    "control.height": {
      "type": "dimension",
      "value": "2.5rem",
      "legacy": "control-height"
    },
    "type.body": {
      "type": "fontFamily",
      "value": "Arial, sans-serif",
      "legacy": "font-sans"
    },
    "type.heading": {
      "type": "fontFamily",
      "value": "\"Times New Roman\", serif"
    },
    "elevation.panel": {
      "type": "shadow",
      "value": "3px 3px 0 #535146",
      "legacy": "shadow-1"
    },
    "color.bg": {
      "type": "color",
      "value": "#25221E",
      "legacy": "color-bg"
    },
    "color.background": {
      "type": "color",
      "value": "#25221E",
      "legacy": "color-background"
    },
    "color.surface": {
      "type": "color",
      "value": "#353128",
      "legacy": "color-surface"
    },
    "color.surface-2": {
      "type": "color",
      "value": "#454032",
      "legacy": "color-surface-2"
    },
    "color.text": {
      "type": "color",
      "value": "#EDE4CF",
      "legacy": "color-text"
    },
    "color.foreground": {
      "type": "color",
      "value": "#EDE4CF",
      "legacy": "color-foreground"
    },
    "color.text-muted": {
      "type": "color",
      "value": "#D0C7B2",
      "legacy": "color-text-muted"
    },
    "color.border": {
      "type": "color",
      "value": "#B0A78D",
      "legacy": "color-border"
    },
    "color.primary": {
      "type": "color",
      "value": "#FF9FC6",
      "legacy": "color-primary"
    },
    "color.primary-hover": {
      "type": "color",
      "value": "#FFC0DA",
      "legacy": "color-primary-hover"
    },
    "color.primary-active": {
      "type": "color",
      "value": "#FFD2E5",
      "legacy": "color-primary-active"
    },
    "color.primary-contrast": {
      "type": "color",
      "value": "#25221E",
      "legacy": "color-primary-contrast"
    },
    "color.primary-text": {
      "type": "color",
      "value": "#FF9FC6",
      "legacy": "color-primary-text"
    },
    "color.primary-soft": {
      "type": "color",
      "value": "#454032",
      "legacy": "color-primary-soft"
    },
    "color.surface-raised": {
      "type": "color",
      "value": "#353128",
      "legacy": "color-surface-raised"
    },
    "color.surface-muted": {
      "type": "color",
      "value": "#454032",
      "legacy": "color-surface-muted"
    },
    "color.surface-soft": {
      "type": "color",
      "value": "#454032",
      "legacy": "color-surface-soft"
    },
    "color.text-subtle": {
      "type": "color",
      "value": "#D0C7B2",
      "legacy": "color-text-subtle"
    },
    "color.border-strong": {
      "type": "color",
      "value": "#B0A78D",
      "legacy": "color-border-strong"
    },
    "color.primary-muted": {
      "type": "color",
      "value": "#454032",
      "legacy": "color-primary-muted"
    }
  },
  "modes": {
    "light": {
      "color.bg": {
        "type": "color",
        "value": "#E8E0C0",
        "legacy": "color-bg"
      },
      "color.background": {
        "type": "color",
        "value": "#E8E0C0",
        "legacy": "color-background"
      },
      "color.surface": {
        "type": "color",
        "value": "#EDE4CF",
        "legacy": "color-surface"
      },
      "color.surface-2": {
        "type": "color",
        "value": "#E8E0C0",
        "legacy": "color-surface-2"
      },
      "color.text": {
        "type": "color",
        "value": "#232320",
        "legacy": "color-text"
      },
      "color.foreground": {
        "type": "color",
        "value": "#232320",
        "legacy": "color-foreground"
      },
      "color.text-muted": {
        "type": "color",
        "value": "#535146",
        "legacy": "color-text-muted"
      },
      "color.border": {
        "type": "color",
        "value": "#535146",
        "legacy": "color-border"
      },
      "color.primary": {
        "type": "color",
        "value": "#8F2448",
        "legacy": "color-primary"
      },
      "color.primary-hover": {
        "type": "color",
        "value": "#701C39",
        "legacy": "color-primary-hover"
      },
      "color.primary-active": {
        "type": "color",
        "value": "#59172D",
        "legacy": "color-primary-active"
      },
      "color.primary-contrast": {
        "type": "color",
        "value": "#FFFFFF",
        "legacy": "color-primary-contrast"
      },
      "color.primary-text": {
        "type": "color",
        "value": "#701C39",
        "legacy": "color-primary-text"
      },
      "color.primary-soft": {
        "type": "color",
        "value": "#E8E0C0",
        "legacy": "color-primary-soft"
      },
      "color.surface-raised": {
        "type": "color",
        "value": "#EDE4CF",
        "legacy": "color-surface-raised"
      },
      "color.surface-muted": {
        "type": "color",
        "value": "#E8E0C0",
        "legacy": "color-surface-muted"
      },
      "color.surface-soft": {
        "type": "color",
        "value": "#E8E0C0",
        "legacy": "color-surface-soft"
      },
      "color.text-subtle": {
        "type": "color",
        "value": "#535146",
        "legacy": "color-text-subtle"
      },
      "color.border-strong": {
        "type": "color",
        "value": "#535146",
        "legacy": "color-border-strong"
      },
      "color.primary-muted": {
        "type": "color",
        "value": "#E8E0C0",
        "legacy": "color-primary-muted"
      },
      "scheme": {
        "type": "colorScheme",
        "value": "light",
        "legacy": "color-scheme"
      }
    },
    "dark": {
      "color.bg": {
        "type": "color",
        "value": "#25221E",
        "legacy": "color-bg"
      },
      "color.background": {
        "type": "color",
        "value": "#25221E",
        "legacy": "color-background"
      },
      "color.surface": {
        "type": "color",
        "value": "#353128",
        "legacy": "color-surface"
      },
      "color.surface-2": {
        "type": "color",
        "value": "#454032",
        "legacy": "color-surface-2"
      },
      "color.text": {
        "type": "color",
        "value": "#EDE4CF",
        "legacy": "color-text"
      },
      "color.foreground": {
        "type": "color",
        "value": "#EDE4CF",
        "legacy": "color-foreground"
      },
      "color.text-muted": {
        "type": "color",
        "value": "#D0C7B2",
        "legacy": "color-text-muted"
      },
      "color.border": {
        "type": "color",
        "value": "#B0A78D",
        "legacy": "color-border"
      },
      "color.primary": {
        "type": "color",
        "value": "#FF9FC6",
        "legacy": "color-primary"
      },
      "color.primary-hover": {
        "type": "color",
        "value": "#FFC0DA",
        "legacy": "color-primary-hover"
      },
      "color.primary-active": {
        "type": "color",
        "value": "#FFD2E5",
        "legacy": "color-primary-active"
      },
      "color.primary-contrast": {
        "type": "color",
        "value": "#25221E",
        "legacy": "color-primary-contrast"
      },
      "color.primary-text": {
        "type": "color",
        "value": "#FF9FC6",
        "legacy": "color-primary-text"
      },
      "color.primary-soft": {
        "type": "color",
        "value": "#454032",
        "legacy": "color-primary-soft"
      },
      "color.surface-raised": {
        "type": "color",
        "value": "#353128",
        "legacy": "color-surface-raised"
      },
      "color.surface-muted": {
        "type": "color",
        "value": "#454032",
        "legacy": "color-surface-muted"
      },
      "color.surface-soft": {
        "type": "color",
        "value": "#454032",
        "legacy": "color-surface-soft"
      },
      "color.text-subtle": {
        "type": "color",
        "value": "#D0C7B2",
        "legacy": "color-text-subtle"
      },
      "color.border-strong": {
        "type": "color",
        "value": "#B0A78D",
        "legacy": "color-border-strong"
      },
      "color.primary-muted": {
        "type": "color",
        "value": "#454032",
        "legacy": "color-primary-muted"
      },
      "scheme": {
        "type": "colorScheme",
        "value": "dark",
        "legacy": "color-scheme"
      }
    }
  },
  "recipes": {
    "Button": {
      "contractVersion": 1,
      "base": {
        "control": {
          "borderRadius": {
            "ref": "shape.control"
          },
          "borderWidth": "1px",
          "borderStyle": "solid",
          "paddingInline": {
            "ref": "space.control"
          },
          "boxShadow": {
            "ref": "elevation.panel"
          },
          "fontFamily": {
            "ref": "type.body"
          },
          "rotate": "-2deg"
        }
      },
      "variants": [
        {
          "when": {
            "variant": "default"
          },
          "parts": {
            "control": {
              "backgroundImage": "none",
              "backgroundColor": "transparent",
              "color": {
                "ref": "color.primary"
              },
              "borderColor": {
                "ref": "color.primary"
              }
            }
          }
        }
      ],
      "states": [
        {
          "state": "focusVisible",
          "parts": {
            "control": {
              "outlineColor": {
                "ref": "color.primary"
              }
            }
          }
        },
        {
          "state": "disabled",
          "parts": {
            "control": {
              "opacity": 0.55,
              "rotate": "0deg"
            }
          }
        }
      ]
    },
    "Input": {
      "contractVersion": 1,
      "base": {
        "control": {
          "borderRadius": {
            "ref": "shape.control"
          },
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": {
            "ref": "color.border"
          },
          "backgroundColor": {
            "ref": "color.surface"
          },
          "color": {
            "ref": "color.text"
          },
          "fontFamily": {
            "ref": "type.body"
          }
        }
      }
    },
    "Textarea": {
      "contractVersion": 1,
      "base": {
        "control": {
          "borderRadius": {
            "ref": "shape.control"
          },
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": {
            "ref": "color.border"
          },
          "backgroundColor": {
            "ref": "color.surface"
          },
          "color": {
            "ref": "color.text"
          },
          "fontFamily": {
            "ref": "type.body"
          }
        }
      }
    },
    "Select": {
      "contractVersion": 1,
      "base": {
        "control": {
          "borderRadius": {
            "ref": "shape.control"
          },
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": {
            "ref": "color.border"
          },
          "backgroundColor": {
            "ref": "color.surface"
          },
          "color": {
            "ref": "color.text"
          },
          "fontFamily": {
            "ref": "type.body"
          }
        }
      }
    },
    "Checkbox": {
      "contractVersion": 1,
      "base": {
        "control": {
          "borderRadius": {
            "ref": "shape.control"
          },
          "borderWidth": "1px"
        }
      }
    },
    "Radio": {
      "contractVersion": 1,
      "base": {
        "control": {
          "borderWidth": "1px"
        }
      }
    },
    "Switch": {
      "contractVersion": 1,
      "base": {
        "control": {
          "borderRadius": {
            "ref": "shape.control"
          }
        }
      }
    },
    "Card": {
      "contractVersion": 1,
      "base": {
        "panel": {
          "borderRadius": {
            "ref": "shape.panel"
          },
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": {
            "ref": "color.border"
          },
          "boxShadow": {
            "ref": "elevation.panel"
          },
          "rotate": "1deg"
        },
        "body": {
          "paddingInline": {
            "ref": "space.panel"
          },
          "paddingBlock": {
            "ref": "space.panel"
          }
        },
        "heading": {
          "fontFamily": {
            "ref": "type.heading"
          }
        }
      }
    },
    "Alert": {
      "contractVersion": 1,
      "base": {
        "root": {
          "borderRadius": {
            "ref": "shape.panel"
          },
          "boxShadow": {
            "ref": "elevation.panel"
          }
        }
      }
    },
    "Modal": {
      "contractVersion": 1,
      "base": {
        "panel": {
          "borderRadius": {
            "ref": "shape.dialog"
          },
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": {
            "ref": "color.border"
          },
          "boxShadow": {
            "ref": "elevation.panel"
          }
        },
        "heading": {
          "fontFamily": {
            "ref": "type.heading"
          }
        }
      }
    },
    "ContextMenu": {
      "contractVersion": 1,
      "base": {
        "panel": {
          "borderRadius": {
            "ref": "shape.dialog"
          },
          "borderWidth": "1px",
          "borderStyle": "solid",
          "borderColor": {
            "ref": "color.border"
          },
          "boxShadow": {
            "ref": "elevation.panel"
          }
        },
        "item": {
          "borderRadius": {
            "ref": "shape.control"
          },
          "fontFamily": {
            "ref": "type.body"
          }
        }
      }
    },
    "Nav": {
      "contractVersion": 1,
      "base": {
        "link": {
          "borderRadius": {
            "ref": "shape.control"
          },
          "fontFamily": {
            "ref": "type.body"
          }
        }
      },
      "states": [
        {
          "state": "selected",
          "parts": {
            "link": {
              "fontWeight": 700
            }
          }
        }
      ]
    },
    "PageHeader": {
      "contractVersion": 1,
      "base": {
        "title": {
          "fontFamily": {
            "ref": "type.heading"
          },
          "letterSpacing": "-0.025em"
        }
      }
    },
    "Container": {
      "contractVersion": 1,
      "base": {
        "root": {
          "paddingInline": {
            "ref": "space.page"
          }
        }
      }
    }
  }
}