:root {
  /* -------------------------------------------------
    * Colors
    * ------------------------------------------------- */

  --color-neutral-black: #000000;

  /* Button backgrounds */
  --button-background-secondary-default-fill: #f0f0f0;
  --button-background-secondary-hover-fill: #e6e6e6;
  --button-background-primary-default-fill: #0056b3;

  /* Button label colors */
  --button-label-secondary-default-fill: #333333;
  --button-label-secondary-hover-fill: #000000;
  --button-label-primary-default-fill: #ffffff;

  /* -------------------------------------------------
    * Button borders
    * ------------------------------------------------- */

  --button-secondary-default-border: 1px solid #cccccc;
  --button-secondary-hover-border: 1px solid #bbbbbb;
  --button-primary-default-border: 1px solid #004494;

  /* -------------------------------------------------
    * Button shadows
    * ------------------------------------------------- */

  --button-secondary-default-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  --button-secondary-hover-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  --button-primary-default-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);

  /* -------------------------------------------------
    * Button layout (small)
    * ------------------------------------------------- */

  --button-sm-layout-padding-top: 6px;
  --button-sm-layout-padding-right: 12px;
  --button-sm-layout-padding-bottom: 6px;
  --button-sm-layout-padding-left: 12px;

  /* -------------------------------------------------
    * Typography
    * ------------------------------------------------- */

  --font-family-secondary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-sm: 14px;

  /* -------------------------------------------------
    * Spacing scale
    * ------------------------------------------------- */

  --scale-4: 8px;
  --scale-7: 16px;
  --scale-9: 24px;
}