{
  "button": {
    "borderWidth": "1px",
    "color": {
      "background": {
        "borderless": "#00000000",
        "primary": {
          "default": "#4dacff",
          "hover": "#92cbff"
        },
        "secondary": "#00000000"
      },
      "border": {
        "borderless": "#00000000",
        "primary": {
          "default": "#4dacff",
          "hover": "#92cbff"
        },
        "secondary": {
          "default": "#4dacff",
          "hover": "#92cbff"
        }
      },
      "text": {
        "borderless": {
          "default": "#4dacff",
          "hover": "#92cbff"
        },
        "primary": "#080c11",
        "secondary": {
          "default": "#4dacff",
          "hover": "#92cbff"
        }
      }
    },
    "icon": {
      "color": {
        "fill": {
          "borderless": {
            "default": "#4dacff",
            "hover": "#92cbff"
          },
          "primary": "#080c11",
          "secondary": {
            "default": "#4dacff",
            "hover": "#92cbff"
          }
        }
      },
      "dimension": "20px",
      "margin": {
        "right": "0.25rem"
      }
    },
    "padding": {
      "x": {
        "large": "1rem",
        "large-iconOnly": "0.75rem",
        "medium": "1rem",
        "medium-iconOnly": "0.5rem",
        "small": "1rem",
        "small-iconOnly": "0.25rem"
      },
      "y": {
        "large": "0.75rem",
        "large-iconOnly": "0.75rem",
        "medium": "0.5rem",
        "medium-iconOnly": "0.5rem",
        "small": "0.25rem",
        "small-iconOnly": "0.25rem"
      }
    },
    "radius": "3px"
  },
  "card": {
    "color": {
      "border": "#51555b",
      "background": "#101923"
    },
    "header": {
      "prefix": {
        "dimension": "24px",
        "margin-right": "0.5rem"
      },
      "suffix": {
        "margin-left": "0.5rem",
        "dimension": "24px"
      },
      "padding": {
        "x": "0.5rem",
        "y": "0.625rem"
      }
    },
    "borderWidth": "1px",
    "shadow": " 0px 4px 4px 1px rgba(0, 0, 0, 0.45)",
    "body": {
      "padding": "0.5rem"
    },
    "footer": {
      "padding": "0.5rem"
    },
    "radius": "3px"
  },
  "checkbox": {
    "radius": "2px",
    "control": {
      "dimension": "24px",
      "padding": "0.125rem",
      "radius": "2px"
    },
    "label": {
      "margin-left": "0.5rem"
    }
  },
  "checkbox-group": {
    "borderWidth": "1px",
    "checkbox": {
      "margin": {
        "bottom": "0.5rem"
      }
    },
    "color": {
      "border": {
        "default": "#2b659b",
        "invalid": "#ff3838"
      }
    },
    "padding": "1rem"
  },
  "classification-banner": {
    "color": {
      "background": {
        "confidential": "#0033a0",
        "cui": "#502b85",
        "secret": "#c8102e",
        "topsecret": "#ff8c00",
        "topsecretsci": "#fce83a",
        "unclassified": "#007a33"
      }
    }
  },
  "clock": {
    "datetime": {
      "color": {
        "background": "#101923"
      }
    }
  },
  "container": {
    "color": {
      "border": "#000000"
    }
  },
  "gsb": {
    "color": {
      "background": "#172635",
      "text": "#ffffff"
    },
    "icon": {
      "color": {
        "fill": {
          "default": "#4dacff",
          "hover": "#92cbff"
        }
      }
    }
  },
  "indeterminate-progress": {
    "radius": {
      "inner": "23px",
      "outer": "30px"
    }
  },
  "input": {
    "BorderWidth": "1px",
    "color": {
      "background": {
        "default": "#101923"
      },
      "border": {
        "default": "#2b659b",
        "hover": "#92cbff",
        "invalid": "#ff3838"
      },
      "text": {
        "default": "#ffffff",
        "placeholder": "#a4abb6"
      }
    },
    "icon": {
      "color": {
        "fill": {
          "default": "#4dacff"
        }
      },
      "dimension": "20px"
    },
    "padding": {
      "x": {
        "large": "0.75rem",
        "medium": "0.5rem",
        "small": "0.5rem"
      },
      "y": {
        "large": "0.5rem",
        "medium": "0.5rem",
        "small": "0.25rem"
      }
    },
    "prefix": {
      "margin": {
        "right": "0.25rem"
      }
    },
    "radius": "3px",
    "suffix": {
      "margin": {
        "left": "0.25rem"
      }
    }
  },
  "link": {
    "color": {
      "text": {
        "default": "#4dacff",
        "hover": "#4dacff"
      }
    }
  },
  "log": {
    "color": {
      "border": "#000000"
    }
  },
  "menu": {
    "divider": {
      "color": {
        "fill": "#51555b"
      }
    }
  },
  "monitoring-icon": {
    "badge": {
      "color": {
        "background": "#101923"
      }
    }
  },
  "notification-banner": {
    "color": {
      "border": {
        "inner": {
          "caution": "#fce83a",
          "critical": "#ff3838",
          "default": "#4dacff",
          "normal": "#56f000",
          "off": "#a4abb6",
          "serious": "#ffb302",
          "standby": "#2dccff"
        },
        "outer": {
          "caution": "#fce83a",
          "critical": "#ff3838",
          "default": "#4dacff",
          "normal": "#56f000",
          "off": "#a4abb6",
          "serious": "#ffb302",
          "standby": "#2dccff"
        }
      },
      "text": "#ffffff",
      "background": "#101923"
    },
    "radius": {
      "inner": "2px",
      "outer": "3px"
    },
    "prefix": {
      "dimension": "32px",
      "margin": {
        "right": "1rem"
      }
    },
    "status-symbol": {
      "margin": {
        "right": "0.75rem"
      }
    },
    "padding": {
      "left": "1rem",
      "right": "0.5rem",
      "y": {
        "large": "1.5rem",
        "small": "0.875rem"
      }
    }
  },
  "progress": {
    "radius": {
      "inner": "8px",
      "outer": "10px"
    },
    "borderWidth": "1px",
    "color": {
      "border": "#4dacff",
      "background": "#1b2d3e"
    },
    "inner": {
      "color": {
        "background": "#4dacff"
      }
    },
    "padding": "0.0625rem",
    "label": {
      "margin": {
        "left": "0.5rem"
      }
    }
  },
  "radio": {
    "check": {
      "radius": "50%"
    },
    "control": {
      "check": {
        "color": {
          "fill": "#4dacff"
        }
      },
      "color": {
        "border": {
          "default": "#2b659b",
          "hover": "#92cbff"
        }
      },
      "dimension": "24px",
      "margin": {
        "right": "0.625rem"
      },
      "padding": "0.125rem",
      "radius": "50%"
    },
    "radius": {
      "inner": "4px",
      "outer": "9px"
    }
  },
  "scrollbar": {
    "radius": "4px",
    "shadow": {
      "inner": {
        "horizontal": "inset 1px 3px 3px 0px rgba(0, 0, 0, 0.5)",
        "vertical": "inset 3px 3px 3px 0px rgba(0, 0, 0, 0.5)"
      }
    }
  },
  "select": {
    "borderWidth": "1px",
    "caret": {
      "color": {
        "fill": "#4dacff"
      },
      "dimension": "30px"
    },
    "caret-selector": {
      "color": {
        "background": "#1c3f5e"
      },
      "width": "32px"
    },
    "color": {
      "background": "#101923",
      "background-inline": "#00000000",
      "border": {
        "default": "#2b659b",
        "inline": {
          "default": "#00000000"
        },
        "hover": "#92cbff",
        "invalid": "#ff3838"
      },
      "text": "#4dacff",
      "text-inline": "#ffffff"
    },
    "padding": {
      "x": {
        "large": "0.75rem",
        "medium": "0.5rem",
        "small": "0.25rem"
      },
      "y": {
        "large": "0.25rem",
        "medium": "0.5rem",
        "small": "1rem"
      }
    },
    "radius": "3px"
  },
  "slider": {
    "axis-label": {
      "color": {
        "text": "#ffffff"
      }
    },
    "radius": {
      "background-track": "1px"
    },
    "thumb": {
      "borderWidth": "2px",
      "color": {
        "background": "#101923",
        "border": {
          "default": "#4dacff",
          "hover": "#92cbff"
        }
      },
      "dimension": "20px",
      "radius": "50%"
    },
    "tick": {
      "color": {
        "background": "#4dacff"
      },
      "dimension": "4px",
      "radius": "50%"
    },
    "track": {
      "height": {
        "active": "4px",
        "inactive": "1px"
      },
      "radius": "3px"
    }
  },
  "status-symbol": {
    "borderWidth": {
      "on-dark": 0,
      "on-light": "1px"
    },
    "color": {
      "border": {
        "caution": "#645600",
        "critical": "#661102",
        "normal": "#005a00",
        "off": "#3c3e42",
        "serious": "#664618",
        "standby": "#285766"
      },
      "fill": {
        "caution": {
          "on-dark": "#fce83a",
          "on-light": "#fad800"
        },
        "critical": {
          "on-dark": "#ff3838",
          "on-light": "#ff2a04"
        },
        "normal": {
          "on-dark": "#56f000",
          "on-light": "#00e200"
        },
        "off": {
          "on-dark": "#a4abb6",
          "on-light": "#7b8089"
        },
        "serious": {
          "on-dark": "#ffb302",
          "on-light": "#ffaf3d"
        },
        "standby": {
          "on-dark": "#2dccff",
          "on-light": "#64d9ff"
        }
      }
    }
  },
  "switch": {
    "radius": {
      "track": "10px"
    }
  },
  "table": {
    "header": {
      "color": {
        "background": "#172635"
      },
      "cell": {
        "padding": "0.5rem"
      },
      "shadow": " 0px 4px 8px 0px rgba(0, 0, 0, 0.45)"
    },
    "row": {
      "color": {
        "background": {
          "default": "#1b2d3e",
          "selected": "#1c3f5e",
          "hover": "#1c3851"
        },
        "text": "#ffffff",
        "border": "#101923"
      },
      "borderWidth": "1px"
    },
    "body": {
      "cell": {
        "padding": {
          "y": "0.25rem",
          "x": "0.5rem"
        }
      }
    }
  },
  "tag": {
    "shadow": {
      "inner": {
        "fail": "inset 0px 0px 5px 0px rgb(255, 56, 56)",
        "pass": "inset 0px 0px 5px 0px rgb(86, 240, 0)",
        "unknown": "inset 0px 0px 5px 0px rgb(164, 171, 182)"
      }
    },
    "color": {
      "border": {
        "unknown": "#292a2d",
        "fail": "#8b1703",
        "pass": "#007a33"
      },
      "text": "#ffffff",
      "background": {
        "pass": "#005a00",
        "fail": "#661102",
        "unknown": "#292a2d"
      }
    },
    "radius": "4px",
    "padding": {
      "x": "0.75rem",
      "y": "0.25rem"
    }
  },
  "textarea": {
    "borderWidth": "1px",
    "color": {
      "border": {
        "default": "#2b659b",
        "hover": "#92cbff",
        "invalid": "#ff3838"
      },
      "text": {
        "default": "#ffffff",
        "placeholder": "#a4abb6"
      },
      "background": {
        "default": "#101923"
      }
    },
    "padding": {
      "x": {
        "large": "0.75rem",
        "medium": "0.5rem",
        "small": "0.25rem"
      },
      "y": {
        "large": "0.5rem",
        "medium": "0.5rem",
        "small": "0.5rem"
      }
    },
    "radius": "3px"
  },
  "timeline": {
    "cell": {
      "color": {
        "background": "#1c3f5e"
      }
    },
    "header": {
      "color": {
        "background": "#172635"
      }
    }
  },
  "tooltip": {
    "color": {
      "background": "#3c3e42",
      "text": "#ffffff"
    },
    "radius": "1px"
  },
  "tab": {
    "padding": {
      "x": {
        "large": "0.75rem",
        "small": "0.75rem"
      },
      "top": {
        "large": "1.5rem",
        "small": "1rem"
      },
      "bottom": {
        "large": "1.75rem",
        "small": "1.25rem"
      }
    },
    "borderWidth": {
      "bottom": "4px"
    },
    "color": {
      "text": {
        "default": "#4dacff",
        "hover": "#92cbff",
        "selected": "#ffffff"
      },
      "border": {
        "bottom": {
          "selected": "#4dacff"
        }
      }
    }
  },
  "push-button": {
    "color": {
      "text": {
        "unselected": {
          "default": "#4dacff",
          "hover": "#92cbff"
        },
        "selected": "#000000"
      },
      "border": {
        "unselected": {
          "default": "#4dacff",
          "hover": "#92cbff"
        },
        "selected": {
          "default": "#56f000",
          "hover": "#99f666"
        }
      },
      "background": {
        "selected": {
          "default": "#56f000",
          "hover": "#99f666"
        },
        "unselected": {
          "default": "#00000000",
          "hover": "#00000000"
        }
      }
    },
    "padding": {
      "x": {
        "medium": "1rem",
        "medium-iconOnly": "0.5rem",
        "small": "1rem",
        "small-iconOnly": "0.25rem",
        "large": "1rem",
        "large-iconOnly": "0.75rem"
      },
      "y": {
        "medium": "0.5rem",
        "medium-iconOnly": "0.5rem",
        "small": "1rem",
        "small-iconOnly": "0.25rem",
        "large-iconOnly": "0.75rem",
        "large": "0.75rem"
      }
    },
    "radius": "3px",
    "prefix": {
      "color": {
        "fill": {
          "unselected": {
            "default": "#4dacff",
            "hover": "#92cbff"
          },
          "selected": "#000000"
        }
      },
      "dimension": "20px",
      "margin": {
        "right": "0.25rem"
      }
    },
    "borderWidth": "1px"
  }
}