{
  "$description": "Warlock reference, semantic and component design tokens.",
  "sys": {
    "night": {
      "color": {
        "canvas": {
          "$type": "color",
          "$value": "{ref.palette.night-canvas}"
        },
        "surface-recessed": {
          "$type": "color",
          "$value": "{ref.palette.night-surface-recessed}"
        },
        "surface": {
          "$type": "color",
          "$value": "{ref.palette.night-surface}"
        },
        "surface-raised": {
          "$type": "color",
          "$value": "{ref.palette.night-surface-raised}"
        },
        "surface-hover": {
          "$type": "color",
          "$value": "{ref.palette.night-surface-hover}"
        },
        "surface-pressed": {
          "$type": "color",
          "$value": "{ref.palette.night-surface-pressed}"
        },
        "surface-selected": {
          "$type": "color",
          "$value": "{ref.palette.night-surface-selected}"
        },
        "surface-selected-hover": {
          "$type": "color",
          "$value": "{ref.palette.night-surface-selected-hover}"
        },
        "surface-selected-pressed": {
          "$type": "color",
          "$value": "{ref.palette.night-surface-selected-pressed}"
        },
        "text": {
          "$type": "color",
          "$value": "{ref.palette.night-text}"
        },
        "text-secondary": {
          "$type": "color",
          "$value": "{ref.palette.night-text-secondary}"
        },
        "brand-text": {
          "$type": "color",
          "$value": "{ref.palette.night-brand-text}"
        },
        "action-fill": {
          "$type": "color",
          "$value": "{ref.palette.night-action-fill}"
        },
        "action-fill-hover": {
          "$type": "color",
          "$value": "{ref.palette.night-action-fill-hover}"
        },
        "action-fill-pressed": {
          "$type": "color",
          "$value": "{ref.palette.night-action-fill-pressed}"
        },
        "on-action": {
          "$type": "color",
          "$value": "{ref.palette.night-on-action}"
        },
        "border-essential": {
          "$type": "color",
          "$value": "{ref.palette.night-border-essential}"
        },
        "window-edge-unfocused": {
          "$type": "color",
          "$value": "{ref.palette.night-window-edge-unfocused}"
        },
        "window-edge-focused": {
          "$type": "color",
          "$value": "{ref.palette.night-window-edge-focused}"
        },
        "focus": {
          "$type": "color",
          "$value": "{ref.palette.night-focus}"
        },
        "info": {
          "$type": "color",
          "$value": "{ref.palette.night-info}"
        },
        "positive": {
          "$type": "color",
          "$value": "{ref.palette.night-positive}"
        },
        "warning": {
          "$type": "color",
          "$value": "{ref.palette.night-warning}"
        },
        "danger": {
          "$type": "color",
          "$value": "{ref.palette.night-danger}"
        },
        "shadow": {
          "$type": "color",
          "$value": "{ref.palette.night-shadow}"
        },
        "focus-gap": {
          "$type": "color",
          "$value": "{sys.night.color.surface}"
        },
        "window-guard": {
          "$type": "color",
          "$value": "{sys.night.color.canvas}"
        }
      },
      "shadow": {
        "flush": {
          "$type": "shadow",
          "$value": []
        },
        "rest": {
          "$type": "shadow",
          "$value": [
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 2,
                "unit": "px"
              },
              "blur": {
                "value": 4,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.28,
                "hex": "#000000"
              }
            },
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 6,
                "unit": "px"
              },
              "blur": {
                "value": 16,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.2,
                "hex": "#000000"
              }
            }
          ]
        },
        "raised": {
          "$type": "shadow",
          "$value": [
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 3,
                "unit": "px"
              },
              "blur": {
                "value": 6,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.28,
                "hex": "#000000"
              }
            },
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 8,
                "unit": "px"
              },
              "blur": {
                "value": 24,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.2,
                "hex": "#000000"
              }
            }
          ]
        },
        "dialog": {
          "$type": "shadow",
          "$value": [
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 4,
                "unit": "px"
              },
              "blur": {
                "value": 8,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.28,
                "hex": "#000000"
              }
            },
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 12,
                "unit": "px"
              },
              "blur": {
                "value": 32,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.2,
                "hex": "#000000"
              }
            }
          ]
        }
      }
    },
    "dawn": {
      "color": {
        "canvas": {
          "$type": "color",
          "$value": "{ref.palette.dawn-canvas}"
        },
        "surface-recessed": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface-recessed}"
        },
        "surface": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface}"
        },
        "surface-raised": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface-raised}"
        },
        "surface-hover": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface-hover}"
        },
        "surface-pressed": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface-pressed}"
        },
        "surface-selected": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface-selected}"
        },
        "surface-selected-hover": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface-selected-hover}"
        },
        "surface-selected-pressed": {
          "$type": "color",
          "$value": "{ref.palette.dawn-surface-selected-pressed}"
        },
        "text": {
          "$type": "color",
          "$value": "{ref.palette.dawn-text}"
        },
        "text-secondary": {
          "$type": "color",
          "$value": "{ref.palette.dawn-text-secondary}"
        },
        "brand-text": {
          "$type": "color",
          "$value": "{ref.palette.dawn-brand-text}"
        },
        "action-fill": {
          "$type": "color",
          "$value": "{ref.palette.dawn-action-fill}"
        },
        "action-fill-hover": {
          "$type": "color",
          "$value": "{ref.palette.dawn-action-fill-hover}"
        },
        "action-fill-pressed": {
          "$type": "color",
          "$value": "{ref.palette.dawn-action-fill-pressed}"
        },
        "on-action": {
          "$type": "color",
          "$value": "{ref.palette.dawn-on-action}"
        },
        "border-essential": {
          "$type": "color",
          "$value": "{ref.palette.dawn-border-essential}"
        },
        "window-edge-unfocused": {
          "$type": "color",
          "$value": "{ref.palette.dawn-window-edge-unfocused}"
        },
        "window-edge-focused": {
          "$type": "color",
          "$value": "{ref.palette.dawn-window-edge-focused}"
        },
        "focus": {
          "$type": "color",
          "$value": "{ref.palette.dawn-focus}"
        },
        "info": {
          "$type": "color",
          "$value": "{ref.palette.dawn-info}"
        },
        "positive": {
          "$type": "color",
          "$value": "{ref.palette.dawn-positive}"
        },
        "warning": {
          "$type": "color",
          "$value": "{ref.palette.dawn-warning}"
        },
        "danger": {
          "$type": "color",
          "$value": "{ref.palette.dawn-danger}"
        },
        "shadow": {
          "$type": "color",
          "$value": "{ref.palette.dawn-shadow}"
        },
        "focus-gap": {
          "$type": "color",
          "$value": "{sys.dawn.color.surface}"
        },
        "window-guard": {
          "$type": "color",
          "$value": "{sys.dawn.color.canvas}"
        }
      },
      "shadow": {
        "rest": {
          "$type": "shadow",
          "$value": [
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 2,
                "unit": "px"
              },
              "blur": {
                "value": 4,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.16,
                "hex": "#000000"
              }
            },
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 6,
                "unit": "px"
              },
              "blur": {
                "value": 16,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.12,
                "hex": "#000000"
              }
            }
          ]
        },
        "raised": {
          "$type": "shadow",
          "$value": [
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 3,
                "unit": "px"
              },
              "blur": {
                "value": 6,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.16,
                "hex": "#000000"
              }
            },
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 8,
                "unit": "px"
              },
              "blur": {
                "value": 24,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.12,
                "hex": "#000000"
              }
            }
          ]
        },
        "dialog": {
          "$type": "shadow",
          "$value": [
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 4,
                "unit": "px"
              },
              "blur": {
                "value": 8,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.16,
                "hex": "#000000"
              }
            },
            {
              "offsetX": {
                "value": 0,
                "unit": "px"
              },
              "offsetY": {
                "value": 12,
                "unit": "px"
              },
              "blur": {
                "value": 32,
                "unit": "px"
              },
              "spread": {
                "value": 0,
                "unit": "px"
              },
              "color": {
                "colorSpace": "srgb",
                "components": [
                  0,
                  0,
                  0
                ],
                "alpha": 0.12,
                "hex": "#000000"
              }
            }
          ]
        },
        "flush": {
          "$type": "shadow",
          "$value": []
        }
      }
    },
    "high-contrast": {
      "color": {
        "canvas": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-canvas}"
        },
        "surface-recessed": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface-recessed}"
        },
        "surface": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface}"
        },
        "surface-raised": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface-raised}"
        },
        "surface-hover": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface-hover}"
        },
        "surface-pressed": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface-pressed}"
        },
        "surface-selected": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface-selected}"
        },
        "surface-selected-hover": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface-selected-hover}"
        },
        "surface-selected-pressed": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-surface-selected-pressed}"
        },
        "text": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-text}"
        },
        "text-secondary": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-text-secondary}"
        },
        "brand-text": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-brand-text}"
        },
        "action-fill": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-action-fill}"
        },
        "action-fill-hover": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-action-fill-hover}"
        },
        "action-fill-pressed": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-action-fill-pressed}"
        },
        "on-action": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-on-action}"
        },
        "border-essential": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-border-essential}"
        },
        "window-edge-unfocused": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-window-edge-unfocused}"
        },
        "window-edge-focused": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-window-edge-focused}"
        },
        "focus": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-focus}"
        },
        "info": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-info}"
        },
        "positive": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-positive}"
        },
        "warning": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-warning}"
        },
        "danger": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-danger}"
        },
        "shadow": {
          "$type": "color",
          "$value": "{ref.palette.high-contrast-shadow}"
        },
        "focus-gap": {
          "$type": "color",
          "$value": "{sys.high-contrast.color.surface}"
        },
        "window-guard": {
          "$type": "color",
          "$value": "{sys.high-contrast.color.canvas}"
        }
      },
      "shadow": {
        "rest": {
          "$type": "shadow",
          "$value": []
        },
        "raised": {
          "$type": "shadow",
          "$value": []
        },
        "dialog": {
          "$type": "shadow",
          "$value": []
        },
        "flush": {
          "$type": "shadow",
          "$value": []
        }
      }
    },
    "space": {
      "0": {
        "$type": "dimension",
        "$value": {
          "value": 0.0,
          "unit": "px"
        }
      },
      "2": {
        "$type": "dimension",
        "$value": {
          "value": 2.0,
          "unit": "px"
        }
      },
      "4": {
        "$type": "dimension",
        "$value": {
          "value": 4.0,
          "unit": "px"
        }
      },
      "6": {
        "$type": "dimension",
        "$value": {
          "value": 6.0,
          "unit": "px"
        }
      },
      "8": {
        "$type": "dimension",
        "$value": {
          "value": 8.0,
          "unit": "px"
        }
      },
      "12": {
        "$type": "dimension",
        "$value": {
          "value": 12.0,
          "unit": "px"
        }
      },
      "16": {
        "$type": "dimension",
        "$value": {
          "value": 16.0,
          "unit": "px"
        }
      },
      "20": {
        "$type": "dimension",
        "$value": {
          "value": 20.0,
          "unit": "px"
        }
      },
      "24": {
        "$type": "dimension",
        "$value": {
          "value": 24.0,
          "unit": "px"
        }
      },
      "32": {
        "$type": "dimension",
        "$value": {
          "value": 32.0,
          "unit": "px"
        }
      },
      "40": {
        "$type": "dimension",
        "$value": {
          "value": 40.0,
          "unit": "px"
        }
      },
      "48": {
        "$type": "dimension",
        "$value": {
          "value": 48.0,
          "unit": "px"
        }
      },
      "64": {
        "$type": "dimension",
        "$value": {
          "value": 64.0,
          "unit": "px"
        }
      }
    },
    "radius": {
      "none": {
        "$type": "dimension",
        "$value": {
          "value": 0.0,
          "unit": "px"
        }
      },
      "micro": {
        "$type": "dimension",
        "$value": {
          "value": 2.0,
          "unit": "px"
        }
      },
      "small": {
        "$type": "dimension",
        "$value": {
          "value": 4.0,
          "unit": "px"
        }
      },
      "control": {
        "$type": "dimension",
        "$value": {
          "value": 6.0,
          "unit": "px"
        }
      },
      "card": {
        "$type": "dimension",
        "$value": {
          "value": 8.0,
          "unit": "px"
        }
      },
      "window": {
        "$type": "dimension",
        "$value": {
          "value": 8.0,
          "unit": "px"
        }
      },
      "surface": {
        "$type": "dimension",
        "$value": {
          "value": 12.0,
          "unit": "px"
        }
      },
      "showcase": {
        "$type": "dimension",
        "$value": {
          "value": 16.0,
          "unit": "px"
        }
      },
      "pill": {
        "$type": "dimension",
        "$value": {
          "value": 999.0,
          "unit": "px"
        }
      }
    },
    "motion": {
      "instant": {
        "$type": "duration",
        "$value": {
          "value": 0.0,
          "unit": "ms"
        }
      },
      "press-in": {
        "$type": "duration",
        "$value": {
          "value": 60.0,
          "unit": "ms"
        }
      },
      "state": {
        "$type": "duration",
        "$value": {
          "value": 90.0,
          "unit": "ms"
        }
      },
      "soft-enter": {
        "$type": "duration",
        "$value": {
          "value": 120.0,
          "unit": "ms"
        }
      },
      "soft-exit": {
        "$type": "duration",
        "$value": {
          "value": 60.0,
          "unit": "ms"
        }
      }
    },
    "effects": {
      "portal-open": {
        "$type": "duration",
        "$value": {
          "value": 520.0,
          "unit": "ms"
        }
      },
      "portal-close": {
        "$type": "duration",
        "$value": {
          "value": 360.0,
          "unit": "ms"
        }
      },
      "portal-open-reduced": {
        "$type": "duration",
        "$value": {
          "value": 120.0,
          "unit": "ms"
        }
      },
      "portal-close-reduced": {
        "$type": "duration",
        "$value": {
          "value": 90.0,
          "unit": "ms"
        }
      }
    },
    "font": {
      "body": {
        "$type": "fontFamily",
        "$value": [
          "Inter",
          "sans-serif"
        ]
      },
      "display": {
        "$type": "fontFamily",
        "$value": [
          "Space Grotesk",
          "sans-serif"
        ]
      },
      "code": {
        "$type": "fontFamily",
        "$value": [
          "JetBrains Mono",
          "monospace"
        ]
      }
    },
    "type": {
      "display": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.display}",
          "fontSize": {
            "value": 3.0,
            "unit": "rem"
          },
          "lineHeight": 1.1666666666666667,
          "fontWeight": 700,
          "letterSpacing": {
            "value": -0.09,
            "unit": "rem"
          }
        }
      },
      "page-title": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.display}",
          "fontSize": {
            "value": 2.0,
            "unit": "rem"
          },
          "lineHeight": 1.25,
          "fontWeight": 700,
          "letterSpacing": {
            "value": -0.04,
            "unit": "rem"
          }
        }
      },
      "headline": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.display}",
          "fontSize": {
            "value": 1.5,
            "unit": "rem"
          },
          "lineHeight": 1.3333333333333333,
          "fontWeight": 700,
          "letterSpacing": {
            "value": -0.0225,
            "unit": "rem"
          }
        }
      },
      "window-title": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.display}",
          "fontSize": {
            "value": 1.25,
            "unit": "rem"
          },
          "lineHeight": 1.4,
          "fontWeight": 700,
          "letterSpacing": {
            "value": -0.0125,
            "unit": "rem"
          }
        }
      },
      "reading-lead": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 1.125,
            "unit": "rem"
          },
          "lineHeight": 1.5555555555555556,
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "section-title": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 1.0,
            "unit": "rem"
          },
          "lineHeight": 1.5,
          "fontWeight": 600,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "reading": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 1.0,
            "unit": "rem"
          },
          "lineHeight": 1.5,
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "body": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 0.875,
            "unit": "rem"
          },
          "lineHeight": 1.4285714285714286,
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "body-strong": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 0.875,
            "unit": "rem"
          },
          "lineHeight": 1.4285714285714286,
          "fontWeight": 600,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "label": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 0.875,
            "unit": "rem"
          },
          "lineHeight": 1.4285714285714286,
          "fontWeight": 500,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "label-strong": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 0.875,
            "unit": "rem"
          },
          "lineHeight": 1.4285714285714286,
          "fontWeight": 600,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "detail": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 0.75,
            "unit": "rem"
          },
          "lineHeight": 1.3333333333333333,
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0.0075,
            "unit": "rem"
          }
        }
      },
      "caption": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.body}",
          "fontSize": {
            "value": 0.75,
            "unit": "rem"
          },
          "lineHeight": 1.3333333333333333,
          "fontWeight": 500,
          "letterSpacing": {
            "value": 0.0075,
            "unit": "rem"
          }
        }
      },
      "code": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.code}",
          "fontSize": {
            "value": 0.8125,
            "unit": "rem"
          },
          "lineHeight": 1.5384615384615385,
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      },
      "code-compact": {
        "$type": "typography",
        "$value": {
          "fontFamily": "{sys.font.code}",
          "fontSize": {
            "value": 0.75,
            "unit": "rem"
          },
          "lineHeight": 1.3333333333333333,
          "fontWeight": 400,
          "letterSpacing": {
            "value": 0.0,
            "unit": "rem"
          }
        }
      }
    },
    "shadow": {
      "flush": {
        "$type": "shadow",
        "$value": []
      },
      "rest": {
        "$type": "shadow",
        "$value": [
          {
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 2,
              "unit": "px"
            },
            "blur": {
              "value": 4,
              "unit": "px"
            },
            "spread": {
              "value": 0,
              "unit": "px"
            },
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.28,
              "hex": "#000000"
            }
          },
          {
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 6,
              "unit": "px"
            },
            "blur": {
              "value": 16,
              "unit": "px"
            },
            "spread": {
              "value": 0,
              "unit": "px"
            },
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.2,
              "hex": "#000000"
            }
          }
        ]
      },
      "raised": {
        "$type": "shadow",
        "$value": [
          {
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 3,
              "unit": "px"
            },
            "blur": {
              "value": 6,
              "unit": "px"
            },
            "spread": {
              "value": 0,
              "unit": "px"
            },
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.28,
              "hex": "#000000"
            }
          },
          {
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 8,
              "unit": "px"
            },
            "blur": {
              "value": 24,
              "unit": "px"
            },
            "spread": {
              "value": 0,
              "unit": "px"
            },
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.2,
              "hex": "#000000"
            }
          }
        ]
      },
      "dialog": {
        "$type": "shadow",
        "$value": [
          {
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 4,
              "unit": "px"
            },
            "blur": {
              "value": 8,
              "unit": "px"
            },
            "spread": {
              "value": 0,
              "unit": "px"
            },
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.28,
              "hex": "#000000"
            }
          },
          {
            "offsetX": {
              "value": 0,
              "unit": "px"
            },
            "offsetY": {
              "value": 12,
              "unit": "px"
            },
            "blur": {
              "value": 32,
              "unit": "px"
            },
            "spread": {
              "value": 0,
              "unit": "px"
            },
            "color": {
              "colorSpace": "srgb",
              "components": [
                0,
                0,
                0
              ],
              "alpha": 0.2,
              "hex": "#000000"
            }
          }
        ]
      }
    }
  },
  "$extensions": {
    "org.warlock": {
      "format": "DTCG 2025.10",
      "source": "Frozen final design language"
    }
  },
  "ref": {
    "palette": {
      "night-canvas": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.06274509803921569,
            0.054901960784313725,
            0.054901960784313725
          ],
          "alpha": 1,
          "hex": "#100e0e"
        }
      },
      "night-surface-recessed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0784313725490196,
            0.06666666666666667,
            0.07058823529411765
          ],
          "alpha": 1,
          "hex": "#141112"
        }
      },
      "night-surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.09803921568627451,
            0.08235294117647059,
            0.08627450980392157
          ],
          "alpha": 1,
          "hex": "#191516"
        }
      },
      "night-surface-raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.13333333333333333,
            0.11372549019607843,
            0.11764705882352941
          ],
          "alpha": 1,
          "hex": "#221d1e"
        }
      },
      "night-surface-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.17254901960784313,
            0.14901960784313725,
            0.15294117647058825
          ],
          "alpha": 1,
          "hex": "#2c2627"
        }
      },
      "night-surface-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2196078431372549,
            0.18823529411764706,
            0.19607843137254902
          ],
          "alpha": 1,
          "hex": "#383032"
        }
      },
      "night-surface-selected": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.2,
            0.10980392156862745,
            0.11764705882352941
          ],
          "alpha": 1,
          "hex": "#331c1e"
        }
      },
      "night-surface-selected-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.22745098039215686,
            0.1450980392156863,
            0.16470588235294117
          ],
          "alpha": 1,
          "hex": "#3a252a"
        }
      },
      "night-surface-selected-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.25882352941176473,
            0.18823529411764706,
            0.20784313725490197
          ],
          "alpha": 1,
          "hex": "#423035"
        }
      },
      "night-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9647058823529412,
            0.9372549019607843,
            0.9098039215686274
          ],
          "alpha": 1,
          "hex": "#f6efe8"
        }
      },
      "night-text-secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7411764705882353,
            0.6980392156862745,
            0.6862745098039216
          ],
          "alpha": 1,
          "hex": "#bdb2af"
        }
      },
      "night-brand-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9882352941176471,
            0.6392156862745098,
            0.6
          ],
          "alpha": 1,
          "hex": "#fca399"
        }
      },
      "night-action-fill": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6901960784313725,
            0.12549019607843137,
            0.14901960784313725
          ],
          "alpha": 1,
          "hex": "#b02026"
        }
      },
      "night-action-fill-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.7686274509803922,
            0.14901960784313725,
            0.17647058823529413
          ],
          "alpha": 1,
          "hex": "#c4262d"
        }
      },
      "night-action-fill-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5882352941176471,
            0.10196078431372549,
            0.12549019607843137
          ],
          "alpha": 1,
          "hex": "#961a20"
        }
      },
      "night-on-action": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.9725490196078431,
            0.9607843137254902
          ],
          "alpha": 1,
          "hex": "#fff8f5"
        }
      },
      "night-border-essential": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6196078431372549,
            0.5725490196078431,
            0.5647058823529412
          ],
          "alpha": 1,
          "hex": "#9e9290"
        }
      },
      "night-window-edge-unfocused": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4392156862745098,
            0.4392156862745098,
            0.47058823529411764
          ],
          "alpha": 1,
          "hex": "#707078"
        }
      },
      "night-window-edge-focused": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9647058823529412,
            0.9372549019607843,
            0.9098039215686274
          ],
          "alpha": 1,
          "hex": "#f6efe8"
        }
      },
      "night-focus": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5568627450980392,
            0.7843137254901961,
            1.0
          ],
          "alpha": 1,
          "hex": "#8ec8ff"
        }
      },
      "night-info": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5568627450980392,
            0.7843137254901961,
            1.0
          ],
          "alpha": 1,
          "hex": "#8ec8ff"
        }
      },
      "night-positive": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.43137254901960786,
            0.8784313725490196,
            0.7215686274509804
          ],
          "alpha": 1,
          "hex": "#6ee0b8"
        }
      },
      "night-warning": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9490196078431372,
            0.7568627450980392,
            0.4470588235294118
          ],
          "alpha": 1,
          "hex": "#f2c172"
        }
      },
      "night-danger": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.6196078431372549,
            0.6901960784313725
          ],
          "alpha": 1,
          "hex": "#ff9eb0"
        }
      },
      "night-shadow": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "dawn-canvas": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9647058823529412,
            0.9450980392156862,
            0.9176470588235294
          ],
          "alpha": 1,
          "hex": "#f6f1ea"
        }
      },
      "dawn-surface-recessed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9372549019607843,
            0.9137254901960784,
            0.8784313725490196
          ],
          "alpha": 1,
          "hex": "#efe9e0"
        }
      },
      "dawn-surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.9921568627450981,
            0.9764705882352941
          ],
          "alpha": 1,
          "hex": "#fffdf9"
        }
      },
      "dawn-surface-raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "dawn-surface-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9294117647058824,
            0.9019607843137255,
            0.8627450980392157
          ],
          "alpha": 1,
          "hex": "#ede6dc"
        }
      },
      "dawn-surface-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.8901960784313725,
            0.8588235294117647,
            0.8156862745098039
          ],
          "alpha": 1,
          "hex": "#e3dbd0"
        }
      },
      "dawn-surface-selected": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9882352941176471,
            0.9098039215686274,
            0.8941176470588236
          ],
          "alpha": 1,
          "hex": "#fce8e4"
        }
      },
      "dawn-surface-selected-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9568627450980393,
            0.8901960784313725,
            0.8745098039215686
          ],
          "alpha": 1,
          "hex": "#f4e3df"
        }
      },
      "dawn-surface-selected-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9254901960784314,
            0.8549019607843137,
            0.8352941176470589
          ],
          "alpha": 1,
          "hex": "#ecdad5"
        }
      },
      "dawn-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.09411764705882353,
            0.07450980392156863,
            0.0784313725490196
          ],
          "alpha": 1,
          "hex": "#181314"
        }
      },
      "dawn-text-secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3607843137254902,
            0.3215686274509804,
            0.3137254901960784
          ],
          "alpha": 1,
          "hex": "#5c5250"
        }
      },
      "dawn-brand-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6313725490196078,
            0.11372549019607843,
            0.13333333333333333
          ],
          "alpha": 1,
          "hex": "#a11d22"
        }
      },
      "dawn-action-fill": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6313725490196078,
            0.11372549019607843,
            0.13333333333333333
          ],
          "alpha": 1,
          "hex": "#a11d22"
        }
      },
      "dawn-action-fill-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.5411764705882353,
            0.09411764705882353,
            0.11372549019607843
          ],
          "alpha": 1,
          "hex": "#8a181d"
        }
      },
      "dawn-action-fill-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4588235294117647,
            0.0784313725490196,
            0.09411764705882353
          ],
          "alpha": 1,
          "hex": "#751418"
        }
      },
      "dawn-on-action": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.9921568627450981,
            0.9764705882352941
          ],
          "alpha": 1,
          "hex": "#fffdf9"
        }
      },
      "dawn-border-essential": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4392156862745098,
            0.396078431372549,
            0.3843137254901961
          ],
          "alpha": 1,
          "hex": "#706562"
        }
      },
      "dawn-window-edge-unfocused": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4392156862745098,
            0.396078431372549,
            0.3843137254901961
          ],
          "alpha": 1,
          "hex": "#706562"
        }
      },
      "dawn-window-edge-focused": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.09411764705882353,
            0.07450980392156863,
            0.0784313725490196
          ],
          "alpha": 1,
          "hex": "#181314"
        }
      },
      "dawn-focus": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0784313725490196,
            0.3254901960784314,
            0.6039215686274509
          ],
          "alpha": 1,
          "hex": "#14539a"
        }
      },
      "dawn-info": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0784313725490196,
            0.3254901960784314,
            0.6039215686274509
          ],
          "alpha": 1,
          "hex": "#14539a"
        }
      },
      "dawn-positive": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.054901960784313725,
            0.38823529411764707,
            0.2980392156862745
          ],
          "alpha": 1,
          "hex": "#0e634c"
        }
      },
      "dawn-warning": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.49019607843137253,
            0.3058823529411765,
            0.0392156862745098
          ],
          "alpha": 1,
          "hex": "#7d4e0a"
        }
      },
      "dawn-danger": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6078431372549019,
            0.10588235294117647,
            0.23137254901960785
          ],
          "alpha": 1,
          "hex": "#9b1b3b"
        }
      },
      "dawn-shadow": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-canvas": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface-recessed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface-raised": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface-selected": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface-selected-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-surface-selected-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "high-contrast-text-secondary": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "high-contrast-brand-text": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.7019607843137254,
            0.6745098039215687
          ],
          "alpha": 1,
          "hex": "#ffb3ac"
        }
      },
      "high-contrast-action-fill": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "high-contrast-action-fill-hover": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "high-contrast-action-fill-pressed": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "high-contrast-on-action": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 1,
          "hex": "#000000"
        }
      },
      "high-contrast-border-essential": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "high-contrast-window-edge-unfocused": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4627450980392157,
            0.4627450980392157,
            0.4627450980392157
          ],
          "alpha": 1,
          "hex": "#767676"
        }
      },
      "high-contrast-window-edge-focused": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#ffffff"
        }
      },
      "high-contrast-focus": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            1.0,
            1.0
          ],
          "alpha": 1,
          "hex": "#00ffff"
        }
      },
      "high-contrast-info": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6196078431372549,
            0.8156862745098039,
            1.0
          ],
          "alpha": 1,
          "hex": "#9ed0ff"
        }
      },
      "high-contrast-positive": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.611764705882353,
            0.9607843137254902,
            0.7686274509803922
          ],
          "alpha": 1,
          "hex": "#9cf5c4"
        }
      },
      "high-contrast-warning": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.8784313725490196,
            0.5411764705882353
          ],
          "alpha": 1,
          "hex": "#ffe08a"
        }
      },
      "high-contrast-danger": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            1.0,
            0.7019607843137254,
            0.7568627450980392
          ],
          "alpha": 1,
          "hex": "#ffb3c1"
        }
      },
      "high-contrast-shadow": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0,
            0.0,
            0.0
          ],
          "alpha": 0,
          "hex": "#000000"
        }
      }
    },
    "value": {}
  },
  "comp": {
    "night": {
      "window": {
        "focused-edge": {
          "$type": "color",
          "$value": "{sys.night.color.window-edge-focused}"
        },
        "unfocused-edge": {
          "$type": "color",
          "$value": "{sys.night.color.window-edge-unfocused}"
        }
      },
      "control": {
        "focus": {
          "$type": "color",
          "$value": "{sys.night.color.focus}"
        },
        "background": {
          "$type": "color",
          "$value": "{sys.night.color.surface}"
        }
      }
    },
    "dawn": {
      "window": {
        "focused-edge": {
          "$type": "color",
          "$value": "{sys.dawn.color.window-edge-focused}"
        },
        "unfocused-edge": {
          "$type": "color",
          "$value": "{sys.dawn.color.window-edge-unfocused}"
        }
      },
      "control": {
        "focus": {
          "$type": "color",
          "$value": "{sys.dawn.color.focus}"
        },
        "background": {
          "$type": "color",
          "$value": "{sys.dawn.color.surface}"
        }
      }
    },
    "high-contrast": {
      "window": {
        "focused-edge": {
          "$type": "color",
          "$value": "{sys.high-contrast.color.window-edge-focused}"
        },
        "unfocused-edge": {
          "$type": "color",
          "$value": "{sys.high-contrast.color.window-edge-unfocused}"
        }
      },
      "control": {
        "focus": {
          "$type": "color",
          "$value": "{sys.high-contrast.color.focus}"
        },
        "background": {
          "$type": "color",
          "$value": "{sys.high-contrast.color.surface}"
        }
      }
    }
  }
}